• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 

初始界面:

 

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

 

获取用户信息:

 

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

 

主要实现两个功能:

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

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

index.wxml

?

1

2

3

4

5

6

7

<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

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

//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

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<?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开发者工具里:

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序_(组件)canvas画布发布时间:2022-07-18
下一篇:
微信小程序自动化测试发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap