zoukankan      html  css  js  c++  java
  • 微信小程序拉起登录的操作

    第一步,前端调用wx.login()接口把token数据请求过来,

    第二部,把tok嗯发送到总计的服务器,然后进行微信openid和assession的获取

    第三部验证session是否过期,过期重新拉起授权登录,未过期直接进行下一步

    第四部:getUserInfo,获取用户的个人信息,

    // pages/authorize/authorize.js
    Page({
      data:{
        img:'',
        pri:'',
        city:'',
        nickname:''
      },
      login(){
        wx.login({
          success:res=>{
            // 可以获取code
            console.log(res)
            wx.request({
              url: 'http://flyxin.com.cn/login.php', // 仅为示例,并非真实的接口地址
              data: {
                code:res.code
              },
              header: {
                'content-type': 'application/json' // 默认值
              },
              success(res) {
                console.log(res)
              }
            })
          }
        })
      },
      checksession(){
        wx.checkSession({
          success:function(red){
            console.log(red,'未过期');
            wx.showToast({
              title: '登录未过期',
            })
          },
          fail:function(res){
            console.log(res)
            wx.showModal({
              title: '提示',
              content: '登录已过期',
            })
            // 再次调用login
    
          }
        })
      },
      // 获取用户信息
      info(){
        wx.getUserInfo({
          success:(res)=>{
            console.log(res.userInfo)
            var json=res.userInfo;
            this.setData({
              nickname:json.nickName,
              pri: json.province,
              city:json.city,
              img:json.avatarUrl
            })
          }
        })
      }
    })
    希望自己写的东西能够对大家有所帮助!谢谢
  • 相关阅读:
    复习HTML/CSS 3
    复习HTML/CSS2
    复习HTML/CSS1
    HTML/CSS8
    HTML/CSS7
    HTML/CSS6
    9.5Html
    9.4Html
    面向对象
    作用域以及类、实例
  • 原文地址:https://www.cnblogs.com/mrxinxin/p/10576207.html
Copyright © 2011-2022 走看看