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

1、效果展示

2.关键配置

3、关键代码

1）WXML文件

<code>&lt;button&gt;获取用户唯一标识openid&lt;/button&gt;</code>

<code>openid:{{openid}}session_key:{{session_key}}</code>

2）JS文件

<code>const APP_ID ='';//输入小程序appid</code>

<code>const APP_SECRET ='';//输入小程序app_secret</code>

<code>var OPEN_ID=''//储存获取到openid</code>

<code>var SESSION_KEY=''//储存获取到session_key</code>

<code>Page({</code>

<code>getOpenIdTap:function(){</code>

<code>var that=this;</code>

<code>wx.login({</code>

<code>success:function(res){</code>

<code>wx.request({</code>

<code>//获取openid接口</code>

<code>url: 'https://api.weixin.qq.com/sns/jscode2session',</code>

<code>data:{</code>

<code>appid:APP_ID,</code>

<code>secret:APP_SECRET,</code>

<code>js_code:res.code,</code>

<code>grant_type:'authorization_code'</code>

<code>},</code>

<code>method:'GET',</code>

<code>console.log(res.data)</code>

<code>OPEN_ID = res.data.openid;//获取到的openid</code>

<code>SESSION_KEY = res.data.session_key;//获取到session_key</code>

<code>console.log(OPEN_ID.length)</code>

<code>console.log(SESSION_KEY.length)</code>

<code>that.setData({</code>

<code>openid: res.data.openid.substr(0, 10) + '********' + res.data.openid.substr(res.data.openid.length - 8, res.data.openid.length),</code>

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

<code>})</code>

<code>}</code>

3）WXSS文件

<code>button{</code>

<code>margin: 10px;</code>

<code>color: white;</code>

<code>background: green;</code>

<code>view{</code>