微信小程序开发方案调研

微信小程序开发方案调研

• mpvue

  • **查阅地址：**https://github.com/Meituan-Dianping/mpvue

  • **简介：**美团点评推出的基于vue的扩展框架，扩展了vue的小程序开发能力，可以使用vue快速开发微信、百度、今日头条、支付宝等小程序，最终编译成小程序可识别代码。

  • **用法：**使用vue-cli3.0版本创建mpvue项目

    $ vue init mpvue/mpvue-quickstart my-project

    $ cd my-project

    $ yarn run dev

    生成dist目录里存放小程序相关代码

• uni-app

  • **查阅地址：**https://github.com/dcloudio/uni-app

  • **简介：**HbuilderX编辑器推出的使用vue开发的跨平台框架，开发一套代码，可编译到ios、Android、H5、小程序多个平台。其中编译到小程序时借鉴了mpvue框架，同时在H5平台完整模拟实现了小程序的逻辑层与视图层，具体分析文章https://zhuanlan.zhihu.com/p/52933718

  • 用法：

    • HbuilderX编辑器一键创建项目，一键发布项目

    • vue-cli3.0创建项目

      $ vue create -p dcloudio/uni-preset-vue my-project

      $ yarn run dev h5/mp-weixin

      $ yarn run build h5/mp-weixin

• WePY

  • **查阅地址：**https://github.com/Tencent/wepy

  • **简介：**腾讯官方推出的一款让小程序支持组件化开发的框架，类vue的开发风格。

  • 用法：

    • $ yarn global add wepy-cli

    • $ wepy init standard myproject

    • $ cd myproject

    • $ wepy build —watch

总结
目前用react开发小程序并没有很好的方案， 较为靠谱的则是基于vue的mpvue框架，而uni-app又基于mpvue完善了发布h5的功能，因此目前开发方案推荐两种：

使用uni-app或者直接在hbuilder编辑器里开发小程序 使用腾讯官方推出的新框架，语法类似vue，更多的学习成本，但此方案并不能发布h5

转载于:https://juejin.im/post/5c78d1fd6fb9a049c6448b66