微信小程序的登录流程

微信小程序的登录流程

1、第一步：通过 wx.login 得到 code ，调用接口获取登录凭证，通过登录凭证进而换取用户登录状态信息
2、第二步，通过调用公司后台接口（自动注册/登录接口）获取腾讯用户的匿名信息
//引入接口 const {authorize}=require('../../http/api') //登录/注册 goLogin() { wx.login({ success(res) { console.log(res); let {code}=res; authorize(code).then(res=>{ console.log('我能获取到信息：',res); if(res.code===0) { //解析出token,uid,但是得到是匿名用户信息 let {token,uid}=res.data if(!wx.getStorageSync('token')) { wx.setStorageSync('token', token) } } }) } }) }
3、第三步，获取微信详细的用户信息
使用wx.getuserprofile()来获取微信用户的详细信息
token：是用户的唯一标识，是用户登录之后，后台对用户名、密码和失败时间加密返回给浏览器的一个字符串，用户可以利用token写其他业务代码
4、拉取用户信息，将用户信息渲染到视图上
//获取用户信息 async getUserInfo() { let token=wx.getStorageSync('token') //调取用户详情的接口 const res=await getUserDetail(token) console.log('调取用户详情:',res); let _data={} if(res.code===0) { let {avatarUrl,id,nick}=res.data.base; let n=0; if(nick && avatarUrl ) { n=2; }else { n=1; } _data={avatarUrl,id,nick,isShow:n} this.setData(_data) } }

总结下来就是：先得到登录凭证（code），然后通过公司后台接口获取用户的匿名信息，接着再使用wx.getuserprofile()来获取详细信息,有了详细信息就可以把用户的信息渲染到页面上了