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


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 相关文章推荐
jQuery 使用手册(二)
Sep 23 Javascript
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
JS中把字符转成ASCII值的函数示例代码
Nov 21 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
js简单时间比较的方法
Aug 02 Javascript
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
Nov 14 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
Jul 24 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
Oct 31 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 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
PHP cron中的批处理
2008/09/16 PHP
PHP 文章中的远程图片采集到本地的代码
2009/07/30 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
php实现图片缩略图的方法
2016/03/29 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
推荐dojo学习笔记
2007/03/24 Javascript
jQuery 表单验证扩展(三)
2010/10/20 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
JS重要知识点小结
2011/11/06 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
使用JS读取XML文件的方法
2016/11/25 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
使用weixin-java-miniapp配置进行单个小程序的配置详解
2019/03/29 Javascript
Nodejs中的require函数的具体使用方法
2019/04/02 NodeJs
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
简单的大学生自我鉴定
2014/02/18 职场文书
运动会800米加油稿
2014/02/22 职场文书
党的生日演讲稿
2014/09/10 职场文书
群众路线个人整改方案
2014/10/25 职场文书
超市主管竞聘书
2015/09/15 职场文书
2016年习总书记讲话学习心得体会
2016/01/20 职场文书
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python
Windows server 2003卸载和安装IIS的图文教程
2022/07/15 Servers