从上家公司辞职之后的微信小程序端自留总结
/ 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最好是用原生的,加载会快一点。
原文地址:https://www.cnblogs.com/tanghm/p/12256590.html