小程序如何获取code

客官°小女子只卖身不卖艺 2021-09-17 00:58 563阅读 0赞

小程序如何获取code

wx.login({
          success: function (res) {
            var code = res.code;
            if (code) {
              console.log('获取用户登录凭证：' + code);
    
              // --------- 发送凭证 ------------------
              wx.request({
                url: 'https://www.my-domain.com/wx/onlogin',
                data: { code: code }
              })
              // ------------------------------------
    
            } else {
              console.log('获取用户登录态失败：' + res.errMsg);
            }
          }
        });

登录的时候需要拿到token值，需要跟后端配合才能拿到

小程序调用wx.login() 获取 临时登录凭证code ，并回传到开发者服务器

开发者服务器以code换取 用户唯一标识openid 和 会话密钥session\_key

// 登录
    wx.login({
        success: res => {
            // 发送 res.code 到后台换取 openId, sessionKey, unionId
            // console.log(res)
            if (res.code) {
                //发起网络请求
                wx.request({
                    url: 'url',
                    method: 'POST',
                    data: {
                        // x: '',
                        // y: ''
                        code: res.code //将code发给后台拿token
                    },
                    header: {
                        'content-type': 'application/json' // 默认值
                    },
                    success: function(res) {
                        // 存token
                        console.log('token=' + res.data.data.token)
                        that.globalData.token = res.data.data.token; //拿到后将token存入全局变量  以便其他页面使用
                    }
                })
            } else {
                console.log('获取用户登录态失败！' + res.errMsg)
            }
        }
    })

// 检验、登录
    wx.checkSession({
        success: function() {
           //session_key 未过期，并且在本生命周期一直有效
        },
        fail: function() {
            //session_key 已经失效，需要重新执行登录流程
            wx.login({
                success: (res) => {
                    if (res.code) {
                        //发起网络请求
                        wx.request({
                            //开发者服务器通过code换取用户唯一标识openid 和 会话密钥session_key。
                            url: 'https://test.com/onLogin',                  
                            data: {
                                // 临时登录凭证code，并回传到开发者服务器
                                code: res.code
                            },
                            success: function(result) {
                                //返回业务数据，前后端交互身份识别
                            }
                        })
                    } else {
                        console.log('登录失败！' + res.errMsg)
                    }
                }
            });
        }
    })

授权获取用户信息

// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.record" 这个 scope
    wx.getSetting({
        success(res) {
            if (!res.authSetting['scope.record']) {
                wx.authorize({
                    scope: 'scope.record',
                    success() {
                        // 用户已经同意小程序使用录音功能，后续调用 wx.startRecord 接口不会弹窗询问
                        wx.startRecord()
                    }
                })
            }
        }
    })

wx.authorize({scope: "scope.userInfo"})，无法弹出授权窗口，请使用 
    <button open-type="getUserInfo"></button>

wx.getSetting({
        success: (res)=>{
            if (res.authSetting['scope.userInfo']) {
                // 已经授权，可以直接调用 getUserInfo 获取头像昵称
                wx.getUserInfo({
                  withCredentials: true,
                  success: (res) => {
                      console.log(res);
                  }                           
                })
            }
        }
    });

![在这里插入图片描述][20181116100940846.png]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 1]

授权和登录的意义  
session\_key 的作用  
unionId 的作用，有哪些获取途径  
在应用中如何保存用户登录态

> 新版api已废弃wx.authorize()

wx.getUserInfo(Object object)  
调用前需要 用户授权 scope.userInfo。  
注意：wx.authorize(\{scope: “scope.userInfo”\})，无法弹出授权窗口，请使用

一个用户相对于不同的微信应用会存在不同的openId

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 2]

保存用户登录态

两种解决方案：前端保存和后端保存

App({
      data:{
        titleList: [],    //数据
        wxa_session: '',  // 密钥 
        openid: '',
        scene: ''
      },
      onLaunch: function () {   
        try {
          // 同步清理本地数据缓存
          console.log('clear');
          wx.clearStorageSync()
        } catch (e) {
          // Do something when catch error
        }
     },
    // 定义登录函数
    userLogin:function(cb){
      var that = this
      wx.login({
        success: function (res) {
          if (res.code) {
            //发起网络请求
            wx.request({
              url: 'https://mp.weixin.qq.com/wxaintp/common?action=login&codetype=invoicediscern',
              data: {
                // 通过传递code获取openID 和 密钥
                code: res.code
              },
              success: function (res) {
                // console.log(res);
                if (res.data.base_resp.ret == 0){
    
                  // 用户唯一标识openid 和 会话密钥session_key
                  that.data.wxa_session = res.data.session_key;
                  that.data.openid = res.data.openid;
                  console.log(that.data.wxa_session);
                
                  cb();   // 后续操作         
                }
                else {
                  // 参数有误
                  wx.showToast({
                    image: '/static/images/icon_fail@3x.png',
                    title: res.data.base_resp.err_msg,
                  })
                  
                }               
              }
            })
          } else {
            console.log('获取用户登录态失败！' + res.errMsg)
          }
        }
      });  
      globalData:{
          userInfo:null
      },
      onShow: function(options) {
            console.log('app onShow');
            console.log(options);
            var that = this;
            if(options){
              that.data.scene = options.scene;  //场景
            }    
      }  
    })

App({
      // 获取token
      getToken: function() {
        var that = this;
        if (wx.getStorageSync("token") == null || wx.getStorageSync("token") == "") {
          console.log("请用户授权获取token");
          wx.redirectTo({
            url: '/pages/welcome/welcome',
          })
        } else {
          wx.switchTab({
            url: '/pages/index/index',
          })
        }
      },
      // 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
      onLaunch: function() {
        // 获取小程序更新机制兼容
        if (wx.canIUse('getUpdateManager')) {
          const updateManager = wx.getUpdateManager()
          updateManager.onCheckForUpdate(function(res) {
            // 请求完新版本信息的回调
            if (res.hasUpdate) {
              updateManager.onUpdateReady(function() {
                wx.showModal({
                  title: '更新提示',
                  content: '新版本已经准备好，是否重启应用？',
                  success: function(res) {
                    if (res.confirm) {
                      // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                      updateManager.applyUpdate()
                    }
                  }
                })
              })
              updateManager.onUpdateFailed(function() {
                // 新的版本下载失败
                wx.showModal({
                  title: '已经有新版本了哟~',
                  content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
                })
              })
            }
          })
        } else {
          // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
          wx.showModal({
            title: '提示',
            content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
          })
        }
    
        var that = this;
        that.getToken();
      },
      // 当小程序启动，或从后台进入前台显示，会触发 onShow
      onShow: function(options) {
    
      },
      // 当小程序从前台进入后台，会触发 onHide
      onHide: function() {
    
      },
      // 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
      onError: function(msg) {
    
      },
      globalData: {
        "avatarUrl": null,
        "nickName": null,
        // userId: 用户编号
        "userId": null,
        // organId: 所属单位
        "organId": null,
        // idType:身份类型	
        "idType": null,
    
    
        "uncheckedNUM": null,
        "attendNum": null,
        "beLateNum": null,
        "leaveNum": null,
    
        "token": null,
        "studentNo": null,
      }
    })

// 获取全局变量
    const app = getApp();
    Page({
      // 页面的初始数据
      data: {
        progress_txt: '点击账号绑定...',
      },
      // 按钮
      drawProgressbg: function() {
        // 使用 wx.createContext 获取绘图上下文 context
        var ctx = wx.createCanvasContext('canvasProgressbg')
        ctx.setLineWidth(4); // 设置圆环的宽度
        ctx.setStrokeStyle('#20183b'); // 设置圆环的颜色
        ctx.setLineCap('round') // 设置圆环端点的形状
        ctx.beginPath(); //开始一个新的路径
        ctx.arc(110, 110, 100, 0, 2 * Math.PI, false);
        //设置一个原点(100,100)，半径为90的圆的路径到当前路径
        ctx.stroke(); //对当前路径进行描边
        ctx.draw();
      },
      // 授权登录
      doAuthorization: function(e) {
        var that = this;
        console.log("调用了 doAuthorization 授权");
        // 授权 只为获取token
        wx.login({
          success: function(res) {
            console.log("login: code", res.code);
            // 发送至服务器
            wx.request({
              url: '',
              method: 'POST',
              header: {
                Authorization: "",
                'Content-Type': 'application/x-www-form-urlencoded',
              },
              data: {
                mobile: 'wxecd372cca9b110e3@' + res.code,
                grant_type: 'mobile',
              },
              success: function(res) {
                // 进行判断
                console.log("button 成功", res.data);
                console.log("button token 成功", res.data.access_token);
                if (res.data.access_token == null || res.data.access_token == "") {
                  wx.showModal({
                    title: '提示',
                    content: '请到公众号平台进行绑定账号',
                    showCancel: false,
                    success: function(res) {
                      console.log("请绑定账号");
                    }
                  })
                } else {
                  wx.setStorageSync("token", res.data.access_token);
                  wx.showToast({
                    title: '成功',
                    icon: 'succes',
                    duration: 1000,
                    mask: true
                  })
                  setTimeout(function() {
                    // 授权跳转 index
                    wx.switchTab({
                      url: '/pages/index/index',
                    })
                    wx.hideToast()
                  }, 2000)
                }
              },
              // 失败
              fail: function(err) {
                console.log("token 失败", err);
                wx.showModal({
                  title: '提示',
                  content: '请到公众号平台进行绑定账号',
                  showCancel: false,
                  success: function(res) {　　　　　　
                    if (res.confirm) {　　　　　　　　
                      wx.navigateBack({　　　　　　　　　　
                        delta: 0　　　　　　　　
                      })　　　　　　
                    }　　　　
                  }
                })
              }
            })
          }
        })
      },
      // 生命周期函数--监听页面加载
      onLoad: function(options) {
    
      },
      // 生命周期函数--监听页面初次渲染完成
      onReady: function() {
        this.drawProgressbg();
      },
      // 生命周期函数--监听页面显示
      onShow: function() {
    
      },
      // 生命周期函数--监听页面隐藏
      onHide: function() {
    
      },
      // 生命周期函数--监听页面卸载
      onUnload: function() {
    
      }
    })

[20181116100940846.png]: /images/20210724/837d123246f14164a9869de659a7c464.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70]: /images/20210724/dfdf27127ed844fd8bae48c48351dc27.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 1]: /images/20210724/9012c7d2da5140d2a9fc3fd14645f0f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MjMyNjEx_size_16_color_FFFFFF_t_70 2]: /images/20210724/b25690b6c1454a47ae7a7af8df36f81d.png