微信小程序优缺点及开发流程

概述

Mini Program，不用安装即可使用的app，微信为入口，好处多多。
小程序作为微信的一个内部产品，始终是服务用户的，把用户体验放到第一位，而不是开发人员。所以，小程序以后肯定会根据用户体验而有很多变动（门槛低，流量大，所以不会担心小程序会减少）。

优点：

• 随搜随用，用完即走
• 流量大，易接受
• 安全
• 开发门槛低
• 降低兼容性限制

缺点：

• 用户留存
• 受控微信

小程序开发

现在分为小程序、小游戏两种开发模式，其中小程序可以绑定自己的appid，小游戏官网上说可以注册appid，其实不行，只能使用无appid的体验模式，无法发布。

小程序本身是一个框架，建议用原生js开发不要使用框架，会带来很多未知的问题，并且小程序本身也在不断变化和完善，不能保证引入的框架能兼容小程序。

小程序项目根目录必须有app.json配置文件、app.js入口文件，app.json中的pages配置项，配置页面的路由，通过小程序提供的api wx.navigateTo 实现页面跳转。所有页面放在统一的文件夹，每个页面都是一个文件夹，内部放入固定格式的4个文件：.wxml、.wxss、.js、.json（json文件可以没有），分别用来写页面、样式、事件和配置页面基本信息。

小程序api地址：https://developers.weixin.qq....

小游戏也是一个框架，基于小程序，开发模式不同。小游戏项目跟目录必须有game.json配置文件、game.js是入口文件，整个项目不包含css和html类的文件，全部由js和资源文件构成，提供了外露的api绘图、创建图片等。

小游戏api地址：https://developers.weixin.qq....

更新日志地址（建议经常查看）：
https://developers.weixin.qq....

开始开发

1. 下载微信开发者工具：https://developers.weixin.qq....
2. 扫码、新建小程序，appId由管理员提供；
3. 管理员创建项目脚手架，成员download脚手架；
4. 开始开发（模拟器、编辑器、调试器），自动编译、预览；
5. 开发完成，工具-上传；
6. 管理员在微信公众平台-开发管理界面，提交审核代码，等待审核。

小程序未来发展如何？https://www.zhihu.com/questio...

wepy

目前最流行的开发小程序的框架，很多厂家都在使用。特点如下：

• 组件化
• 支持npm
• 支持promise es2015+ less sourcemap es lin t
• 目录结构清晰
• 类vue语法

开发流程

• 安装wepy命令行工具（node版本不能超过8）
• npm install wepy-cli -g
• 初始化项目
• wepy init standard testproject
• 实时编译
• wepy build —watch
• 开发者工具导入项目

刚用就碰到一个问题，小程序（游戏）对wx.getUserInfo在4.30后已经不在支持。获取用户信息通过<button open-type="getUserInfo"></button>解决，而wepy并不会及时更新支持。网友的正解：“
一，首先这个wx.getUserInfo接口并没作废，只是不再弹出授权询问框（进行授权）。如果你是想直接通过wx.getUserInfo获取用户信息，这是行不通的，因为这接口不弹出询问框，就意味着如果用户没有提前授权的话就调用失败，继而无法取得用户信息。
二，但是如果用户提前授过权，这个接口是可以成功获取用户信息的。（提前授权的方法有：1，用wx.authorize接口，scope设为userInfo进行授权询问，然后在success回调中再用wx.getUserInfo就可以成功拿到用户信息。2，可以通过新增的这个button的open-type为getUserInfo的组件进行授权询问）

所以，这个对我们业务的影响是微乎其微的，如果你以前是直接wx.getUserInfo的方式，可以加层wx.authorize提前授权，或者用新的button组件（我觉得这种会增加我们的交互方式，要考虑怎样交互比较好。但是这种方式的好处是没有弹出限制，只要用户没授权，点一次提示一次） ”

附上wepy-cli的编译构建流程图：