微信小程序 —— 自留总结

从上家公司辞职之后的微信小程序端自留总结

/ 01 /

授权登录：图片摘自微信小程序开发文档，很清楚很详细，前端开发者需要做的事情如下

wx.login 获取 code 到后台换取用户唯一标识 OpenID 和 会话密钥 session_key（此处需要后台调接口向微信端发起请求）

获取用户信息，若用户已授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框；若没有用户授权信息，则弹框提示用户授权。

向后台发送用户信息及openid，如果该用户已绑定账号，设置全局变量保存用户信息，若没有，去绑定（线上微信小程序的流程，新的微信小程序demo不需要绑定）

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html

关于用户是否已授权，已获取手机号，可在app.js中判断，如果用户已授权，下一次进入应直接进入首页。

/ 02 /

获取手机号，与授权一样需要一个按钮，需先调用wx.login接口，这里应该也需要后台去解析出该用户的手机号

/ 03 /

可能需要的几个常见api

-从本地相册选择图片或使用相机拍照。

https://developers.weixin.qq.com/miniprogram/dev/api/wx.chooseImage.html

• 从微信客户端选择文件

https://developers.weixin.qq.com/miniprogram/dev/api/wx.chooseMessageFile.html

/ 04 /

生命周期：

https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

Do something …

/ 05 /

页面跳转的几种方式

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html

几种跳转类型如下

• navigate（wx.navigateTo 或 wx.navigateToMiniProgram）

  功能：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

• redirect（wx.redirectTo ）

  功能：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

• switchTab（wx.switchTab）

  功能：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

• reLaunch（wx.reLaunch）

  功能：关闭所有页面，打开到应用内的某个页面

• navigateBack（ wx.navigateBack）

  功能：关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

/ 06 / 关于有赞小程序ui框架的一些鸡肋点

1. 引入时需要引入很多相关的组件，如swipe-cell中除了包含swipe-cell还需要引入cell&cell-group，因为只要是组件内部用到的一些标签都需要声明。

2. 一些样式很无语要自己改，如tab标签的手触滑动 的区域并不是当前的区域而是被数据撑起来的地方，所以这个样式是要自己改一下的。

3.最基本的微信小程序自带的组件，button，input最好是用原生的，加载会快一点。