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


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 常用方法总结
Jun 03 Javascript
jquery getScript动态加载JS方法改进详解
Nov 15 Javascript
使用Post提交时须将空格转换成加号的解释
Jan 14 Javascript
javascript中的遍历for in 以及with的用法
Dec 22 Javascript
jQuery简单实现禁用右键菜单
Mar 10 Javascript
js闭包引起的事件注册问题介绍
Mar 29 Javascript
详解JavaScript设计模式开发中的桥接模式使用
May 18 Javascript
Javascript的比较汇总
Jul 25 Javascript
AngularJS模板加载用法详解
Nov 04 Javascript
使用vue-router设置每个页面的title方法
Feb 11 Javascript
vue组件之间数据传递的方法实例分析
Feb 12 Javascript
5种方法告诉你如何使JavaScript 代码库更干净
Sep 15 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
IIS+PHP+MySQL+Zend配置 (视频教程)
2006/12/13 PHP
用PHP为SHOPEX增加日志功能代码
2010/07/02 PHP
批量修改RAR文件注释的php代码
2010/11/20 PHP
php获取图片信息的方法详解
2015/12/10 PHP
PHP上传文件参考配置大文件上传
2015/12/16 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
7个Javascript地图脚本整理
2009/10/20 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
jQuery聚合函数实例
2015/05/21 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
2017/02/15 Javascript
浅谈regExp的test方法取得的值变化的原因及处理方法
2017/03/01 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
2017/04/11 jQuery
ES6新特性四:变量的解构赋值实例
2017/04/21 Javascript
js下拉菜单生成器dropMenu使用方法详解
2017/08/01 Javascript
浅谈Vue.js中的v-on(事件处理)
2017/09/05 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
详解 Python 与文件对象共事的实例
2017/09/11 Python
python从入门到精通 windows安装python图文教程
2019/05/18 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
使用sklearn的cross_val_score进行交叉验证实例
2020/02/28 Python
Selenium及python实现滚动操作多种方法
2020/07/21 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
董事长岗位职责
2013/11/30 职场文书
十佳大学生村官事迹
2014/01/09 职场文书
高速铁道技术专业求职信
2014/08/09 职场文书
岗位职责范本大全
2015/02/26 职场文书
2015年“公民道德宣传日”活动方案
2015/05/06 职场文书
PyTorch 如何自动计算梯度
2021/05/23 Python
你需要掌握的20个Python常用技巧
2022/02/28 Python
Vue2项目中对百度地图的封装使用详解
2022/06/16 Vue.js
CSS浮动引起的高度塌陷问题
2022/08/05 HTML / CSS