小程序跨平台解决方案方面有Taro、Mpvue、WePY这3个平台,他们各有特点,优势不相上下,他们也在不断不停的迭代更新,都拥有大量的开发者支持,百度也拥抱三方框架,跟他们一起合作,来同步促进小程序开发框架的普及。
我们重点讲一下,这三个框架的各自的特点,我们先讲WePY。本文内容由蓝宇程序根据张自萌在智能小程序公开课上的讲演内容整理而来,蓝宇程序,您身边的百度小程序专家!
WePY为小程序开发而生
WePY是现在的标配,它跟VUE非常类似,其实它就是一个类VUE,我们为什么说类VUE,因为它的语法非常类似于VUE,所有的那些什么循环嵌套都是传递通信都可以,然后安全包管理一些标配,包括细节优化。其实WePY专门针对小程序出的一个框架,所以它对小程序的一些性能做了特殊处理,特别像什么脏检测,优化传递的大小等等做了大量细节的优化。
应用层框架接入 - WePY
- 01.开发模式
- 更符合现有MVVM框架开发模式,类VUE,省去学习小程序语法的时间。
- 02.组件化开发
- 支持组件的循环、嵌套、组件Props传值、组件通信、自定义事件、第三方组件。
- 03.NPM包管理
- 支持NPM资源,处理NPM资源的依赖。
- 04.ESNext
- 支持ESNext,提升开发体验,拥抱开发者。
- 05.细节性能优化
- setData性能优化(脏检测)、事件传参、编译器(Babel、Ts、Less、Sass)、Mixin。
我们接着看Mpvue,Mpvue跟WePY非常类似,它也是VUE语法来写,但是它跟WePY的区别是它就是一个VUE,包括利用VUE数据管理等等,包括Web支持,包括你的标配开发, 在中国最重要的两大框架,我们都支持。
应用层框架接入 - Mpvue
- 彻底的组件化开发
- 使用Vue.js组件机制开发小程序,实现小程序和H5的组件复用。
- Vue的开发体验
- 完整的Vue开发体验,Vue的组件规范、Vuex的实现。
- H5 WEB的支持
- 基于Mpvue小程序,可以转为H5,基于Vue开发的H5,也可以转为小程序。
应用层框架接入 - Taro
- React风格
- React受众广,降低小程序开发学习成本。
- JSX处理
- 采用JSX作为模板,相比字符串模板,更自由、自然、更具表现力,不依赖字符串模板语法糖,也能完成复杂处理。
- 数据驱动思想的相似
- 小程序的数据驱动模板更新思想和实现机制,与React相似。
- React的跨端解决方案
- React Native的跨端解决方案,可以给Taro后期多端开发带来很大的便利。
微信小程序一键转成百度小程序
有多小程序开发者已经开发过微信小程序了,开发微信小程序怎么转成百度小程序呢?这里我们提供了一个迁移工具,请看大屏幕。
我这里有个视频,就是怎么一键转过来,左边是微信小程序在微信的开发的工具里面的,我们转换一下,我们先输入微信小程序的源代码,然后我们生成的目录填一下,这时候我们可以转换了,然后它就开始静态编译静态转换,然后我们把产出打开之后,然后这是百度的开发者工具,左边是微信的开发工具,然后两个不会动一行代码就转换好了。但是还不能达到100%,目前80%接近一样,比如说登陆、支付等,可能你还是需要自己去处理一下。
小程序迁移工具
迁移工具就会按照相同代码就按照原样来搬迁,就保持行数和列数一致,方便开发者二次开发,二次开发就意味着你是两个版本,不是一个版本,就是从你迁移的时间点为准,以后的更改,你都要在两套代码上进行开发。
我们主要做一些视图的转换,UI方面转换率非常高,基本上不用多少的开发,主要是端能力可能大家要去兼容一下,这就是迁移工具。