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

1、效果展示

2.关键配置

3、关键代码

1）WXML文件

<button>获取用户唯一标识openid</button>  
openid:{{openid}}session_key:{{session_key}}

2）JS文件

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文件

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

4、觉得不错请打赏，您的十分满意是笔者的无限动力。