微信小程序授權(quán)登陸及每次檢查是否授權(quán)實例代碼

授權(quán)登錄

創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務領(lǐng)域包括:成都網(wǎng)站設計、成都網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務,滿足客戶于互聯(lián)網(wǎng)時代的漢陽網(wǎng)站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴!

<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo" class="fix">登錄</button>

//index.js
//獲取應用實例
var APPID ='xxx'
var SECRET = 'xxx'
const app = getApp()
Page({
 data: {
  list:[],
  userInfo:null
 },
 //事件處理函數(shù)
 onGotUserInfo:function (e) {
  if (e.detail.userInfo != undefined && app.globalData.isok == false) {
   console.log(e.detail.userInfo)
     wx.login({
      success: function (data) {
       console.log('獲取登錄 Code:' + data.code)
       var postData = {
        code: data.code
       };
       wx.request({
        // url: 'https://api.weixin.qq.com/sns/jscode2session?appid=' + APPID + '&secret=' + SECRET + '&js_code=' + postData.code + '&grant_type=authorization_code',
        url: 'https://m.renyiwenzhen.com/rymember.php?mod=xcxlogin&code=' + postData.code + '&nickname=' + e.detail.userInfo.nickName,
        data: {},
        header: {
         'content-type': 'application/json'
        },
        success: function (res) {
         // openid = res.data.openid //返回openid
         console.log(res.data);
         wx.setStorage({
          key: "unionid",
          data: res.data.unionid
         })
         wx.navigateTo({
          url: '../archives/archives'
         })
        },
        fail: function () {
         console.log('1');
        }
       })
      },
      fail: function () {
       console.log('登錄獲取Code失??!');
      }
     })


  }
  else if (app.globalData.isok==true) {
      wx.navigateTo({
       url: '../archives/archives'
      })
  }
 },
 onLoad: function () {
  var that =this
  wx.request({
   url: 'https://m.xxx.com/xcx_ajax.php?action=yimiaolist', //僅為示例,并非真實的接口地址
   method: 'post',
   header: {
    'content-type': 'application/json' // 默認值
   },
   success(res) {
    console.log(res.data)
    that.setData({
     list: res.data
    })
   }
  })
   if (app.globalData.userInfo) { //獲取用戶信息是一個異步操作,在onLoad函數(shù)加載的時候app.js中的onLaunch可能還沒有加載,所以需要判斷是否獲取成功
    this.setData({
     userInfo: app.globalData.userInfo,
     hasUserInfo: true
    })
   } else if (this.data.canIUser) { //判斷canIUser的值是否為true,實則在判斷微信小程序版本是否支持相關(guān)屬性 
    app.userInfoReadyCallback = (res) => { // userInfoReadyCallback:userInfo的回調(diào)函數(shù),聲明一個回調(diào)函數(shù),將回調(diào)函數(shù)傳給app.js,userInfo加載完成后會執(zhí)行這個回調(diào)函數(shù),這個回調(diào)函數(shù)會將獲取的getUserInfo的結(jié)果直接傳回來
     // 在app.js中獲取用戶信息之后調(diào)用這個函數(shù),結(jié)果放在函數(shù)的參數(shù)中
     this.setData({
      userInfo: res.userInfo,
      hasUserInfo: true
     })
    }
   } else {
    wx.getUserInfo({ //在老的版本中是可以直接調(diào)用授權(quán)接口并獲取用戶信息
     success: (res) => {
      this.setData({
       userInfo: res.userInfo,
       hasUserInfo: true
      })
     }
    })
   }
 }
})

每次檢查是否授權(quán)

//app.js
App({
  globalData: {
   userInfo: null,
   isok:false,
   unionid:null
  },
 onLaunch: function () {
 /* 已授權(quán)之后,自動獲取用戶信息 */
 // 判斷是否授權(quán)
 wx.getSetting({
  success: (res) => { //箭頭函數(shù)為了處理this的指向問題 
   if (res.authSetting["scope.userInfo"]) {
    console.log("已授權(quán)");
    // 獲取用戶信息
    wx.getUserInfo({
     success: (res) => { //箭頭函數(shù)為了處理this的指向問題
      this.globalData.isok=true
      var that =this
      console.log(res.userInfo); //用戶信息結(jié)果
      wx.getStorage({
       key: 'unionid',
       success(res) {
        that.globalData.unionid=res.data
       }
      })
      this.globalData.userInfo = res.userInfo;
      if (this.userInfoReadyCallback) { //當index.js獲取到了globalData就不需要回調(diào)函數(shù)了,所以回調(diào)函數(shù)需要做做一個判斷,如果app.js中有和這個回調(diào)函數(shù),那么就對這個函數(shù)進行調(diào)用,并將請求到的結(jié)果傳到index.js中
       this.userInfoReadyCallback(res.userInfo);
      }
     }
    })
   }
   else{
    console.log("未授權(quán)");
    wx.removeStorage({
     key: 'unionid'
    })
   }
  }
 })
 }
})

總結(jié)

以上所述是小編給大家介紹的微信小程序授權(quán)登陸及每次檢查是否授權(quán)實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

本文題目:微信小程序授權(quán)登陸及每次檢查是否授權(quán)實例代碼
本文URL:http://muchs.cn/article36/gdeosg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供域名注冊軟件開發(fā)、微信公眾號網(wǎng)頁設計公司、關(guān)鍵詞優(yōu)化、云服務器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設