uniapp开发多页⾯h5程序_uni-app实现多端开发
多端开发,听名字就感觉不⼀样,⼀套代码。多端使⽤,适⽤于各个平台。市⾯上很多关于多端开发的框架,⽐较常⽤,流⾏的框架 uni-app,Chameleon(变⾊龙),taro这些,都可以⽀持多端,⼀套代码,8个平台⽀持,
语法差异上,uni-app和Chameleon(变⾊龙)都选择使⽤的是⼩程序和vue的语法结合,但是taro语法是react,熟悉react语法,⽐较熟悉这套框架,对于技术选项,框架的活跃度,这个框架的认知度,选择适合⾃⼰的框架.
根据公司的需求,选择框架,选择之前,也是研究了⼀下这个三个框架,最后还是选择⽤uni-app选择开发,个⼈⽐较熟悉vue,有做过⼩程序⽅⾯的,选择uni-app是最合适的,坑还是⽐较多,需要多踩坑。
⼀套代码,测试在6个平台,分别是H5页⾯,安卓,⼩程序,百度⼩程序,⽀付宝⼩程序,头条⼩程序这⼏个平台。
uni-app底层的语法还是⽤到了weex,⽽且对应是应⽤市场插件种类很多,⼏乎能满⾜项⽬的需求,Ul库。选择uni-app的好处
1.⼩程序
安装完之后,在编辑器到安装的⽬录。
第⼀次编辑运⾏的时候,需要在编辑器到设置,选择安全设置,⼀定要把这个服务端⼝开启才可以使⽤。
2.百度⼩程序和⽀付宝⼩程序
这个就不需要配置什么了。安装,配置好对应的⽬录就可以了,启动的时候,需要⼿动填写⽬录地址,uni-app不会⾃动打开百度⼩程序和⽀付宝⼩程序。需要⼿动,然后在保存的时候,就会⾃动刷新
3.头条⼩程序
因为这个头条⼩程序出来没有多久,uni-app做的兼容性不是很好,坑⽐较多,这个编辑器默认安装C盘,没得选择,也是和百度和⽀付宝⼩程序⼀样,必须是⼿动打开才⾏。
说这个坑,确实坑太多,第⼀次编辑启动的时候,最重要的三个⽂件没有加载过来。这个需要⼿动引⼊这三个⽂件,才⽣效,如果发现运⾏不成功,报错,⼀定要看看app.js⽂件是否引⼊这个⼏个⽂件了
图片编辑器app其他⼩程序都没有问题,只有头条不⾏。
4.安卓和H5页⾯
这个相⽐较就简单了很多,不需要配合什么东西。点击运⾏对应的就⾏。
最终效果,经过学习看视频敲写⼀个案例,运⾏在对应的平台展⽰效果
⼀切准备就绪,就开始慢慢的踩坑,熟悉⼩程序和vue并且写个项⽬,上⼿很快。