当前位置鱼摆摆网 > 教程 > 自媒体 >

微信小程序之登录开发

作者：鱼摆摆 2019-06-06 09:58

API

比如你写了一个库，里面有很多函数，如果别人要使用你这个库，但是并不知道每个函数内部是怎么实现的。使用的人需要看你的文档或者注释才知道这个函数的入口参数和返回值或者这个函数是用来做什么的。对于用户来说，你的这些函数就是API。API(Application Programming Interface应用程序编程接口) 是一些预先定义好的函数，目的是提供应用程序以及开发人员基于某软件或硬件得以访问一组例程的能力。

把某些功能封装好，方便其他人调用。调用的人可以很方便使用这些功能，并且可以不需要知道这些功能的具体实现过程。接API就是按照作者规定的流程去调用这些功能。

API 是一套协议，规定了我们与外界的沟通方式：如何发送请求和接收响应。

https://apizza.net/pro/#/ 接口协作管理工具

微信小程序之登录

第一步:获取登录态code

微信登录部分，首先需要使用微信小程序的api—— wx.login(OBJECT)来获取登录态

这个登录态的作用是为了获取用户的openid（用户的唯一标识）;

官方示例

js部分：

//调用登录

wx.login({success:function(res) {console.log(res);if(res.code) {//发起网络请求//doSomething}else{console.log('获取用户登录态失败！'+res.errMsg) } },fail:function(){console.log("启用wx.login函数，失败！"); },complete:function(){console.log("已启用wx.login函数"); } });

第二步：将登录态code发送给第三方服务器（即自家的服务器）

官方示例

把wx.login获取到的res.code返回值，直接以参数的形式，发起网络请求发送登录态给自家服务器

js部分：

//调用登录

wx.login({success:function(res) {console.log(res);if(res.code) {//就是在这里发起网络请求，使用wx.request()，将登录态发送给自家的服务器上wx.request({url:'https://test.com/onLogin',data: {code:res.code},method:'POST',header: {'content-type':'application/json'},success:function(data){ } }) }else{console.log('获取用户登录态失败！'+res.errMsg) } },fail:function(){console.log("启用wx.login函数，失败！"); },complete:function(){console.log("已启用wx.login函数"); } });

第三步：客户端保存收到后台同事返回的3rd_session

将后台返回的3rd_session存入缓存中。

第四步:获取用户信息

相关连接：https://mp.weixin.qq.com/debug/wxadoc/dev/api/open.html

接上示例:

js部分：

wx.login({success:function(res) {console.log(res);if(res.code) {wx.request({url:'https://test.com/onLogin',data: {code:res.code},method:'POST',header: {'content-type':'application/json'},success:function(data){console.log(data) } })// 使用wx.getUserInfo获取用户信息wx.getUserInfo({success:function(res) {utils.log(res); },fail:function(){console.log("启用app.getUserInfo函数，失败！"); },complete:function(){console.log("已启用app.getUserInfo函数"); });

第五步:登录态维护

通过上面四步，就可成功登录微信小程序了，但是还需要做登录维护。

也就是说，登录小程序后，然后又退出该小程序了。在一段时间内，再次进入该小程序，视为有效登陆，如果超出指定的时间，则视为无效登陆，需要重新登陆