• 小程序如何获取code

    小程序如何获取code

    <button open-type="getUserInfo" hover-class='none' bindgetuserinfo="getUserInfoFun">.</button> 
    1. wx.login({
    2.       success: function (res) {
    3.         var code = res.code;
    4.         if (code) {
    5.           console.log('获取用户登录凭证：' + code);
    6.  
    7.           // --------- 发送凭证 ------------------
    8.           wx.request({
    9.             url: 'https://www.my-domain.com/wx/onlogin',
    10.             data: { code: code }
    11.           })
    12.           // ------------------------------------
    13.  
    14.         } else {
    15.           console.log('获取用户登录态失败：' + res.errMsg);
    16.         }
    17.       }
    18.     });

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

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

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

    1. // 登录
    2. wx.login({
    3.     success: res => {
    4.         // 发送 res.code 到后台换取 openId, sessionKey, unionId
    5.         // console.log(res)
    6.         if (res.code) {
    7.             //发起网络请求
    8.             wx.request({
    9.                 url: 'url',
    10.                 method: 'POST',
    11.                 data: {
    12.                     // x: '',
    13.                     // y: ''
    14.                     code: res.code //将code发给后台拿token
    15.                 },
    16.                 header: {
    17.                     'content-type': 'application/json' // 默认值
    18.                 },
    19.                 success: function(res) {
    20.                     // 存token
    21.                     console.log('token=' + res.data.data.token)
    22.                     that.globalData.token = res.data.data.token; //拿到后将token存入全局变量  以便其他页面使用
    23.                 }
    24.             })
    25.         } else {
    26.             console.log('获取用户登录态失败！' + res.errMsg)
    27.         }
    28.     }
    29. })
    1. // 检验、登录
    2. wx.checkSession({
    3.     success: function() {
    4.        //session_key 未过期，并且在本生命周期一直有效
    5.     },
    6.     fail: function() {
    7.         //session_key 已经失效，需要重新执行登录流程
    8.         wx.login({
    9.             success: (res) => {
    10.                 if (res.code) {
    11.                     //发起网络请求
    12.                     wx.request({
    13.                         //开发者服务器通过code换取用户唯一标识openid 和 会话密钥session_key。
    14.                         url: 'https://test.com/onLogin',                  
    15.                         data: {
    16.                             // 临时登录凭证code，并回传到开发者服务器
    17.                             code: res.code
    18.                         },
    19.                         success: function(result) {
    20.                             //返回业务数据，前后端交互身份识别
    21.                         }
    22.                     })
    23.                 } else {
    24.                     console.log('登录失败！' + res.errMsg)
    25.                 }
    26.             }
    27.         });
    28.     }
    29. })

    授权获取用户信息

    1. // 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.record" 这个 scope
    2. wx.getSetting({
    3.     success(res) {
    4.         if (!res.authSetting['scope.record']) {
    5.             wx.authorize({
    6.                 scope: 'scope.record',
    7.                 success() {
    8.                     // 用户已经同意小程序使用录音功能，后续调用 wx.startRecord 接口不会弹窗询问
    9.                     wx.startRecord()
    10.                 }
    11.             })
    12.         }
    13.     }
    14. })
    1. wx.authorize({scope: "scope.userInfo"})，无法弹出授权窗口，请使用 
    2. <button open-type="getUserInfo"></button>
    1. wx.getSetting({
    2.     success: (res)=>{
    3.         if (res.authSetting['scope.userInfo']) {
    4.             // 已经授权，可以直接调用 getUserInfo 获取头像昵称
    5.             wx.getUserInfo({
    6.               withCredentials: true,
    7.               success: (res) => {
    8.                   console.log(res);
    9.               }                           
    10.             })
    11.         }
    12.     }
    13. });

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

    新版api已废弃wx.authorize()

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

    <button open-type="getUserInfo"/>

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

    保存用户登录态

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

    1. App({
    2.   data:{
    3.     titleList: [],    //数据
    4.     wxa_session: '',  // 密钥 
    5.     openid: '',
    6.     scene: ''
    7.   },
    8.   onLaunch: function () {   
    9.     try {
    10.       // 同步清理本地数据缓存
    11.       console.log('clear');
    12.       wx.clearStorageSync()
    13.     } catch (e) {
    14.       // Do something when catch error
    15.     }
    16.  },
    17. // 定义登录函数
    18. userLogin:function(cb){
    19.   var that = this
    20.   wx.login({
    21.     success: function (res) {
    22.       if (res.code) {
    23.         //发起网络请求
    24.         wx.request({
    25.           url: 'https://mp.weixin.qq.com/wxaintp/common?action=login&codetype=invoicediscern',
    26.           data: {
    27.             // 通过传递code获取openID 和 密钥
    28.             code: res.code
    29.           },
    30.           success: function (res) {
    31.             // console.log(res);
    32.             if (res.data.base_resp.ret == 0){
    33.  
    34.               // 用户唯一标识openid 和 会话密钥session_key
    35.               that.data.wxa_session = res.data.session_key;
    36.               that.data.openid = res.data.openid;
    37.               console.log(that.data.wxa_session);
    38.             
    39.               cb();   // 后续操作         
    40.             }
    41.             else {
    42.               // 参数有误
    43.               wx.showToast({
    44.                 image: '/static/images/icon_fail@3x.png',
    45.                 title: res.data.base_resp.err_msg,
    46.               })
    47.               
    48.             }               
    49.           }
    50.         })
    51.       } else {
    52.         console.log('获取用户登录态失败！' + res.errMsg)
    53.       }
    54.     }
    55.   });  
    56.   globalData:{
    57.       userInfo:null
    58.   },
    59.   onShow: function(options) {
    60.         console.log('app onShow');
    61.         console.log(options);
    62.         var that = this;
    63.         if(options){
    64.           that.data.scene = options.scene;  //场景
    65.         }    
    66.   }  
    67. })
    1. App({
    2.   // 获取token
    3.   getToken: function() {
    4.     var that = this;
    5.     if (wx.getStorageSync("token") == null || wx.getStorageSync("token") == "") {
    6.       console.log("请用户授权获取token");
    7.       wx.redirectTo({
    8.         url: '/pages/welcome/welcome',
    9.       })
    10.     } else {
    11.       wx.switchTab({
    12.         url: '/pages/index/index',
    13.       })
    14.     }
    15.   },
    16.   // 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
    17.   onLaunch: function() {
    18.     // 获取小程序更新机制兼容
    19.     if (wx.canIUse('getUpdateManager')) {
    20.       const updateManager = wx.getUpdateManager()
    21.       updateManager.onCheckForUpdate(function(res) {
    22.         // 请求完新版本信息的回调
    23.         if (res.hasUpdate) {
    24.           updateManager.onUpdateReady(function() {
    25.             wx.showModal({
    26.               title: '更新提示',
    27.               content: '新版本已经准备好，是否重启应用？',
    28.               success: function(res) {
    29.                 if (res.confirm) {
    30.                   // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
    31.                   updateManager.applyUpdate()
    32.                 }
    33.               }
    34.             })
    35.           })
    36.           updateManager.onUpdateFailed(function() {
    37.             // 新的版本下载失败
    38.             wx.showModal({
    39.               title: '已经有新版本了哟~',
    40.               content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~',
    41.             })
    42.           })
    43.         }
    44.       })
    45.     } else {
    46.       // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
    47.       wx.showModal({
    48.         title: '提示',
    49.         content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
    50.       })
    51.     }
    52.  
    53.     var that = this;
    54.     that.getToken();
    55.   },
    56.   // 当小程序启动，或从后台进入前台显示，会触发 onShow
    57.   onShow: function(options) {
    58.  
    59.   },
    60.   // 当小程序从前台进入后台，会触发 onHide
    61.   onHide: function() {
    62.  
    63.   },
    64.   // 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
    65.   onError: function(msg) {
    66.  
    67.   },
    68.   globalData: {
    69.     "avatarUrl": null,
    70.     "nickName": null,
    71.     // userId: 用户编号
    72.     "userId": null,
    73.     // organId: 所属单位
    74.     "organId": null,
    75.     // idType:身份类型  
    76.     "idType": null,
    77.  
    78.  
    79.     "uncheckedNUM": null,
    80.     "attendNum": null,
    81.     "beLateNum": null,
    82.     "leaveNum": null,
    83.  
    84.     "token": null,
    85.     "studentNo": null,
    86.   }
    87. })
    1. // 获取全局变量
    2. const app = getApp();
    3. Page({
    4.   // 页面的初始数据
    5.   data: {
    6.     progress_txt: '点击账号绑定...',
    7.   },
    8.   // 按钮
    9.   drawProgressbg: function() {
    10.     // 使用 wx.createContext 获取绘图上下文 context
    11.     var ctx = wx.createCanvasContext('canvasProgressbg')
    12.     ctx.setLineWidth(4); // 设置圆环的宽度
    13.     ctx.setStrokeStyle('#20183b'); // 设置圆环的颜色
    14.     ctx.setLineCap('round') // 设置圆环端点的形状
    15.     ctx.beginPath(); //开始一个新的路径
    16.     ctx.arc(110, 110, 100, 0, 2 * Math.PI, false);
    17.     //设置一个原点(100,100)，半径为90的圆的路径到当前路径
    18.     ctx.stroke(); //对当前路径进行描边
    19.     ctx.draw();
    20.   },
    21.   // 授权登录
    22.   doAuthorization: function(e) {
    23.     var that = this;
    24.     console.log("调用了 doAuthorization 授权");
    25.     // 授权 只为获取token
    26.     wx.login({
    27.       success: function(res) {
    28.         console.log("login: code", res.code);
    29.         // 发送至服务器
    30.         wx.request({
    31.           url: '',
    32.           method: 'POST',
    33.           header: {
    34.             Authorization: "",
    35.             'Content-Type': 'application/x-www-form-urlencoded',
    36.           },
    37.           data: {
    38.             mobile: 'wxecd372cca9b110e3@' + res.code,
    39.             grant_type: 'mobile',
    40.           },
    41.           success: function(res) {
    42.             // 进行判断
    43.             console.log("button 成功", res.data);
    44.             console.log("button token 成功", res.data.access_token);
    45.             if (res.data.access_token == null || res.data.access_token == "") {
    46.               wx.showModal({
    47.                 title: '提示',
    48.                 content: '请到公众号平台进行绑定账号',
    49.                 showCancel: false,
    50.                 success: function(res) {
    51.                   console.log("请绑定账号");
    52.                 }
    53.               })
    54.             } else {
    55.               wx.setStorageSync("token", res.data.access_token);
    56.               wx.showToast({
    57.                 title: '成功',
    58.                 icon: 'succes',
    59.                 duration: 1000,
    60.                 mask: true
    61.               })
    62.               setTimeout(function() {
    63.                 // 授权跳转 index
    64.                 wx.switchTab({
    65.                   url: '/pages/index/index',
    66.                 })
    67.                 wx.hideToast()
    68.               }, 2000)
    69.             }
    70.           },
    71.           // 失败
    72.           fail: function(err) {
    73.             console.log("token 失败", err);
    74.             wx.showModal({
    75.               title: '提示',
    76.               content: '请到公众号平台进行绑定账号',
    77.               showCancel: false,
    78.               success: function(res) {　　　　　　
    79.                 if (res.confirm) {　　　　　　　　
    80.                   wx.navigateBack({　　　　　　　　　　
    81.                     delta: 0　　　　　　　　
    82.                   })　　　　　　
    83.                 }　　　　
    84.               }
    85.             })
    86.           }
    87.         })
    88.       }
    89.     })
    90.   },
    91.   // 生命周期函数--监听页面加载
    92.   onLoad: function(options) {
    93.  
    94.   },
    95.   // 生命周期函数--监听页面初次渲染完成
    96.   onReady: function() {
    97.     this.drawProgressbg();
    98.   },
    99.   // 生命周期函数--监听页面显示
    100.   onShow: function() {
    101.  
    102.   },
    103.   // 生命周期函数--监听页面隐藏
    104.   onHide: function() {
    105.  
    106.   },
    107.   // 生命周期函数--监听页面卸载
    108.   onUnload: function() {
    109.  
    110.   }
    111. })
  • 相关阅读:
    Redis概述和安装
    计算机网络的物理层 基本概念
    Redis 的缓存过期策略
    Go语言知识查漏补缺｜基本数据类型
    【电气安全】安科瑞电气火灾监控系统在江苏某大学中设计与应用
    温度及pH敏感性聚乙烯醇/羧甲基壳聚糖水凝胶/金银花多糖/薄荷多糖/O-羧甲基壳聚糖水凝胶
    Python10-使用urllib模块处理URL
    近期项目开发的得与失
    php跨域和https访问http问题分析
    leetcode-链表经典题
  • 原文地址：https://blog.csdn.net/weixin_71792169/article/details/127600264