微信小程序获取用户openid,微信小程序例子,获取用户唯一标识openid

收藏
2 3330
PHP技术
PHP技术 2018-01-12 09:46:56
付费话题:0 积分

1、效果展示


2、关键代码

1)WXML文件

  1. <button bindtap="getOpenIdTap">获取用户唯一标识openid</button>

    openid:{{openid}}session_key:{{session_key}}


2)JS文件

  1. const APP_ID ='';//输入小程序appid  
    const APP_SECRET ='';//输入小程序app_secret  
    var OPEN_ID=''//储存获取到openid  
    var SESSION_KEY=''//储存获取到session_key  
    Page({  
      getOpenIdTap:function(){  
        var that=this;  
        wx.login({  
          success:function(res){  
            wx.request({  
                //获取openid接口  
              url: 'https://api.weixin.qq.com/sns/jscode2session',  
              data:{  
                appid:APP_ID,  
                secret:APP_SECRET,  
                js_code:res.code,  
                grant_type:'authorization_code'  
              },  
              method:'GET',  
              success:function(res){  
                console.log(res.data)  
                OPEN_ID = res.data.openid;//获取到的openid  
                SESSION_KEY = res.data.session_key;//获取到session_key  
                console.log(OPEN_ID.length)  
                console.log(SESSION_KEY.length)  
                that.setData({  
                  openid: res.data.openid.substr(0, 10) + '********' + res.data.openid.substr(res.data.openid.length - 8, res.data.openid.length),  
                  session_key: res.data.session_key.substr(0, 8) + '********' + res.data.session_key.substr(res.data.session_key.length - 6, res.data.session_key.length)  
                })  
              }  
            })  
          }  
        })  
      }  
    })



3)WXSS文件

  1. button{  
      margin: 10px;  
      color: white;  
      background: green;  
    }  
    view{  
      margin: 10px;  
    }





评论话题
提交