小程序登录V2

参考：https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801（通知）
https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html#%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81（文档）

提示：之前刚写完一个小程序登录方案没过多少天微信就改了，好吧，这🐦性我懂的，新方案自己先搞个吧

文章目录

• 前言
• 一、小程序登录
• 二、操作步骤
• • 1.前端获取头像名称openid等
  • 2.后端操作流程
• 总结

---

前言

上一篇小程序登录刚刚做好微信就改规则了

---

一、小程序登录

方案：前端能获取到用户名和头像和openid，就一次都传，后端验证openid是否存在过，没有新建个，有生成token返回

二、操作步骤

1.前端获取头像名称openid等

代码如下：

 wx.login({
      success:function(res1){
      
        code = res1.code
      }});
        wx.getUserProfile({
          desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
          success: (res) => {
            console.log(2222)
            console.log(res)
            console.log(2222)
            this.setData({
              userInfo: res.userInfo,
              hasUserInfo: true
            })
            wx.request({
               url: 'http://127.0.0.1:12001/api/frontend/user/checkIdentity',
              method: 'POST',
              header: { 'content-type': 'application/x-www-form-urlencoded' },
              data: {
                avatarUrl : res.userInfo.avatarUrl,
                city : res.userInfo.city,
                country : res.userInfo.country,
                gender : res.userInfo.gender,
                nickName : res.userInfo.nickName,
                province : res.userInfo.province,
                code:code
              },
              success: function (res_user) {
                console.log(2222)
              }, fail: function () {
                  console.log('ajax失败了')
              }
            })
          }
        })

2.后端操作流程

根据openid检测用户是否存在，不存在新增，存在生成token返回

总结

提示：这个微信改东西以后还是要留意些