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

概述

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的编译构建流程图:

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

相关推荐