微信小程序 —— 自留总结

浪尽此生 提交于 2020-02-03 18:07:37

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

/ 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最好是用原生的,加载会快一点。
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!