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

26次阅读

共计 1730 个字符,预计需要花费 5 分钟才能阅读完成。

概述
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….

开始开发

下载微信开发者工具:https://developers.weixin.qq….

扫码、新建小程序,appId 由管理员提供;
管理员创建项目脚手架,成员 download 脚手架;
开始开发(模拟器、编辑器、调试器),自动编译、预览;
开发完成,工具 - 上传;
管理员在微信公众平台 - 开发管理界面,提交审核代码,等待审核。

小程序未来发展如何?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 的编译构建流程图:

正文完
 0