微信小程序用戶授權，以及判斷登錄是否過期的方法

2020-03-21 15:56:57

字體：大中小

來源：轉載

供稿：網友

初始界面：

微信小程序,用戶授權,登錄

判斷用戶是否過期（如果未過期則重新登錄）：

微信小程序,用戶授權,登錄

獲取用戶信息：

微信小程序,用戶授權,登錄

獲取用戶的信息并在前臺顯示：

微信小程序,用戶授權,登錄

主要實現兩個功能：

①判斷登錄是否過期，如果過期則就重新登錄，如果沒過期就提示未過期

②獲取用戶的信息，并在前臺顯示

index.wxml

<button bindtap="login">登錄</button><button bindtap="checksession">登錄是否過期</button><button open-type="getUserInfo" bindgetuserinfo="info">點擊授權</button><text>{{city}}</text><text>{{country}}</text><text>{{nickName}}</text><text>{{province}}</text>

index.js

//index.js//獲取應用實例const app = getApp() Page({ data: {  city:'',  country:'',  nickName:'',  province:'' }, //發起http請求 login:function(){  wx.login({   success:function(res){    console.log(res.code)    //發送請求    wx.request({     url: '自己的域名', //僅為示例，并非真實的接口地址     data: {      code:res.code     },     header: {      'content-type': 'application/json' // 默認值     },     success(res) {      console.log(res)     }    })   }  }) }, //驗證登錄是否過期 checksession:function(){  wx.checkSession({   success:function(res){    console.log(res,'登錄未過期')    wx.showToast({     title: '登錄未過期啊',    })   },   fail:function(res){    console.log(res,'登錄過期了')    wx.showModal({     title: '提示',     content: '你的登錄信息過期了，請重新登錄',    })    //再次調用wx.login()    wx.login({     success: function (res) {      console.log(res.code)      //發送請求      wx.request({       url: '自己的域名', //僅為示例，并非真實的接口地址       data: {        code: res.code       },       header: {        'content-type': 'application/json' // 默認值       },       success(res) {        console.log(res)       }      })     }    })   }  }) }, //獲取用戶的信息 info:function(){  var that=this  wx.getUserInfo({   success:function(res){    console.log(res.userInfo)    var city = res.userInfo.city    var country = res.userInfo.country    var nickName = res.userInfo.nickName    var province = res.userInfo.province    that.setData({     city:city,     country:country,     nickName:nickName,     province:province    })   }  }) }})

index.php

<?php//聲明code，用來接收前臺傳過來的code$code=$_GET['code']; //獲取到appid$appid="xxxxxxxxxxx"; //自己的appid$secret="xxxxxxxxxxxx";  //自己的secret$api="https://api.weixin.qq.com/sns/jscode2session?appid={$appid}&secret={$secret}&js_code={$code}&grant_type=authorization_code";  //可去小程序開發文檔中查看這個鏈接 //發送的代碼function httpGet($url){	$curl=curl_init();	curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);	curl_setopt($curl, CURLOPT_TIMEOUT, 500);	curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, true);	curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, true);	curl_setopt($curl, CURLOPT_URL, $url);	$res= curl_exec($curl);	curl_close($curl);	return $res;} $str=httpGet($api); echo $str;?>

關于這個php文件的說明：

①獲取appid和secret：

微信小程序,用戶授權,登錄