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


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的抓取博客园首页RSS的代码
Dec 01 Javascript
Jquery选择子控件&quot;大于号&quot;和&quot; &quot;区别介绍及使用示例
Jun 25 Javascript
开发插件的两个方法jquery.fn.extend与jquery.extend
Nov 21 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
使用JS读取XML文件的方法
Nov 25 Javascript
JavaScript中使用Async实现异步控制
Aug 15 Javascript
angularjs使用div模拟textarea文本框的方法
Oct 02 Javascript
vue实现的上拉加载更多数据/分页功能示例
May 25 Javascript
解决layui数据表格table的横向滚动条显示问题
Sep 04 Javascript
VUE页面中通过双击实现复制表格中内容的示例代码
Jun 11 Javascript
国内常用的js类库大全(CDN公共库)
Jun 24 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
WordPress中设置Post Type自定义文章类型的实例教程
2016/05/10 PHP
Avengerls vs KG BO3 第二场2.18
2021/03/10 DOTA
动手学习无线电
2021/03/10 无线电
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
javascript实现下雨效果
2017/03/27 Javascript
JS简单判断滚动条的滚动方向实现方法
2017/04/28 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
nodejs高大上的部署方式(PM2)
2018/09/11 NodeJs
vue拖拽排序插件vuedraggable使用方法详解
2020/08/21 Javascript
vue组件之间通信方式实例总结【8种方式】
2019/02/22 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
Vue中使用wangeditor富文本编辑的问题
2021/02/07 Vue.js
Python 文件重命名工具代码
2009/07/26 Python
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
python列表操作之extend和append的区别实例分析
2015/07/28 Python
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
深入理解Python中的 __new__ 和 __init__及区别介绍
2018/09/17 Python
tornado+celery的简单使用详解
2019/12/21 Python
Python模块/包/库安装的六种方法及区别
2020/02/24 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
NFL官方在线商店:NFLShop
2020/07/29 全球购物
英国珠宝和手表专家:Pleasance & Harper
2020/10/21 全球购物
音乐表演专业毕业生求职信
2013/10/14 职场文书
保护环境倡议书
2014/04/14 职场文书
环保宣传标语
2014/06/12 职场文书
2014最新离职证明范本
2014/09/12 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL