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

1、效果展示

2、关键代码

1）WXML文件

获取用户唯一标识openid

   
   
    
    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;
}

3、源代码获取方式

百度云链接：http://pan.baidu.com/s/1miqPiBY

4、在获取用户唯一标识openid过程中有遇到任何问题或者不明白的地方，可以添加我的微信进行咨询，感谢支持！微信号：FutureJet

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