微信小程序用户授权,以及判断登录是否过期的方法


Posted in Javascript onMay 10, 2019

初始界面:

微信小程序用户授权,以及判断登录是否过期的方法

判断用户是否过期(如果未过期则重新登录):

微信小程序用户授权,以及判断登录是否过期的方法

获取用户信息:

微信小程序用户授权,以及判断登录是否过期的方法

获取用户的信息并在前台显示:

微信小程序用户授权,以及判断登录是否过期的方法

 

主要实现两个功能:

①判断登录是否过期,如果过期则就重新登录,如果没过期就提示未过期

②获取用户的信息,并在前台显示

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:

微信小程序用户授权,以及判断登录是否过期的方法

②当你点击登录的时候,出现这些东西就说明php文件调用成功

微信小程序用户授权,以及判断登录是否过期的方法

③登录凭证校检地址(该里面的参数即可):

微信小程序用户授权,以及判断登录是否过期的方法

④域名要合法

在小程序平台上:

微信小程序用户授权,以及判断登录是否过期的方法

在web开发者工具里:

微信小程序用户授权,以及判断登录是否过期的方法

以上所述是小编给大家介绍的微信小程序用户授权及判断登录是否过期详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 打印页面代码
Mar 24 Javascript
js 实现打印网页中定义的部分内容的代码
Apr 01 Javascript
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
10款非常有用的 Ajax 插件分享
Mar 14 Javascript
jquery使用经验小结
May 20 Javascript
javascript实现鼠标点击页面 移动DIV
Dec 02 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
Feb 13 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
angularJs在多个控制器中共享服务数据的方法
Sep 30 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 Javascript
vue实现简单学生信息管理
May 30 Javascript
基于JS实现计算24点算法代码实例解析
Jul 23 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 #Javascript
Angular4.0动画操作实例详解
May 10 #Javascript
Angular 2使用路由自定义弹出组件toast操作示例
May 10 #Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 #Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 #Javascript
Vue项目中配置pug解析支持
May 10 #Javascript
Angular2实现的秒表及改良版示例
May 10 #Javascript
You might like
一个odbc连mssql分页的类
2006/10/09 PHP
PHP表单验证的3个函数ISSET()、empty()、is_numeric()的使用方法
2011/08/22 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
php object转数组示例
2014/01/15 PHP
php基于openssl的rsa加密解密示例
2016/07/11 PHP
php异常处理捕获错误整理
2019/09/23 PHP
JS画线(实例代码)
2013/11/20 Javascript
javascript实现阻止iOS APP中的链接打开Safari浏览器
2014/06/12 Javascript
Node.js模块加载详解
2014/08/16 Javascript
JQuery radio(单选按钮)操作方法汇总
2015/04/15 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
一次$.getJSON不执行的简单记录
2016/07/19 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
jQuery Mobile和HTML5开发App推广注册页
2016/11/07 Javascript
微信小程序 获取相册照片实例详解
2016/11/16 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
nodejs实现超简单生成二维码的方法
2018/03/17 NodeJs
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
2020/09/17 Javascript
在类Unix系统上开始Python3编程入门
2015/08/20 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
Django框架组成结构、基本概念与文件功能分析
2019/07/30 Python
Python输出指定字符串的方法
2020/02/06 Python
Python处理PDF与CDF实例
2020/02/26 Python
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
公司员工的自我评价范例
2013/11/01 职场文书
2014基层党员干部学习全国两会心得体会
2014/03/17 职场文书
家长会欢迎标语
2014/06/24 职场文书
带香烟到学校抽的检讨书
2014/09/25 职场文书
感恩母亲节活动总结
2015/02/10 职场文书
大学生志愿者心得体会
2016/01/15 职场文书
详解Python flask的前后端交互
2022/03/31 Python