首页 > 编程语言 >【小程序】微信小程序如何获取用户微信openID?(已解决,完整代码实例)

【小程序】微信小程序如何获取用户微信openID?(已解决,完整代码实例)

时间:2022-12-31 10:03:18浏览次数:45  
标签:openID code console log -- 微信 程序 res 页面


一、需要三个参数:

1、获取code

2、小程序AppID

3、小程序密钥AppSecret

【小程序】微信小程序如何获取用户微信openID?(已解决,完整代码实例)_小程序

 二、代码

1、wxml代码

<view>
获取Code:{{wxCode}}
</view>

<view>
获取OpenId:{{wxOpenId}}
</view>

2、js代码

// pages/HongBao/getOpenId/getOpenId.js
Page({

/**
* 页面的初始数据
*/
data: {
wxCode: "", // 获取到的code
wxOpenId: "初始值" // 获取到的OpenId
},

/**
* 生命周期函数--监听页面加载
*/
onl oad(options) {

// ====== 【获取Code】
wx.login({
success: (res) => {
console.log(res);
this.setData({
wxCode: res.code,
})
// ====== 【获取OpenId】
let m_code = this.data.wxCode; // 获取code
let m_AppId = "wx190026acff7a0"; // appid
let m_mi = "450414da9a2152c282adc1e6"; // 小程序密钥
console.log("m_code:" + m_code);
let url = "https://api.weixin.qq.com/sns/jscode2session?appid=" + m_AppId + "&secret=" + m_mi + "&js_code=" + m_code + "&grant_type=authorization_code";
console.log(url);
wx.request({
url: url,
success: (res) => {
console.log(res);
this.setData({
wxOpenId: res.data.openid
})
//获取到你的openid
console.log("====openID=======");
console.log(this.data.wxOpenId);
}
})
}
})
},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {

},

/**
* 生命周期函数--监听页面显示
*/
onShow() {

},

/**
* 生命周期函数--监听页面隐藏
*/
onHide() {

},

/**
* 生命周期函数--监听页面卸载
*/
onUnload() {

},

/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {

},

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {

},

/**
* 用户点击右上角分享
*/
onShareAppMessage() {

}
})

标签:openID,code,console,log,--,微信,程序,res,页面
From: https://blog.51cto.com/u_15654527/5981893

相关文章