使用uni-app创建多端使用的小程序与H5经验总结

举报
拿我格子衫来 发表于 2022/03/17 23:42:14 2022/03/17
【摘要】        最近利用业余时间 和朋友在一起做了一个项目, 一个移动端的app,需要开发一下,可以编译到微信小程序,H5,支付宝小程序,百度小程序,头条小程序,安卓,iOS. 项目刚开始的时候,调研了很多资料.找到了几个比较合适的框架,Taro,uni-app weex,和滴滴出品的Chamel...

       最近利用业余时间 和朋友在一起做了一个项目, 一个移动端的app,需要开发一下,可以编译到微信小程序,H5,支付宝小程序,百度小程序,头条小程序,安卓,iOS.

项目刚开始的时候,调研了很多资料.找到了几个比较合适的框架,Taro,uni-app weex,和滴滴出品的Chameleon,

试了一下Taro,和uni-app 其他的都简单看了一下文档,最后选择了uni-app

uni-app是Dcloud出品的,之前他们出了一个MUI跨平台的web框架.我相信他们在这方面还是有一定实力的.

uni-app本身是基于vue开发出来的,很多标签和微信小程序的一模一样.所以上手难度不高,想做小型移动端项目的还是可以试一下的.Taro我也试了一下,因为基于React,对于没用过React的可能开发起来没有那么快,

下面介绍一下使用uni-app开发时需要注意的

uni-app官网

1:需要使用HBuilder X开发 有相应的生态环境 运行,编译...

 

 

以下是我的项目目录

 

    

pages.json 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口表现、设置多 tab 等.

  • pages节点的第一项为应用入口页(即首页)
  • 应用中新增/减少页面,都需要对 pages 数组进行修改
  • 文件名不需要写后缀,框架会自动寻找路径下的页面资源

项目支持vue组件开发,支持SCSS样式, 

 

作为一名前端开发人员,如果你对前沿技术稍微敏感一些你就会感到,前端正在进行一场变革,各个平台都推出了自己的小程序,

微信,支付宝,百度,头条,快应用,后续说不定还有什么淘宝小程序,抖音.....面对如此众多的生态圈,前端人员不断变革,创新.努力做到开发一次,多端覆盖.多端统一, 一套代码运行多端,一端所见即多端所见.

 

等项目发布了,再来贴一个二维码供大家体验

 

谢谢阅读.如果觉得对你有帮助请记得点赞或收藏.欢迎留言讨论.你的支持是我出产优秀博客的动力.

文章来源: fizzz.blog.csdn.net,作者:拿我格子衫来,版权归原作者所有,如需转载,请联系作者。

原文链接:fizzz.blog.csdn.net/article/details/87866906

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。