微信小程序获取openID(纯前端)
简介
- 无云开发、无后台接口。
- 使用uniapp开发,原理与原生类似。
源码
代码
<template>
<view class="page">
</view>
</template>
<script>
export default {
data() {
return {
openID: '',
userCode:'',
token:'',
}
},
onLoad() {
this.login();
this.getOpenid();
this.getToken();
},
methods: {
// 获取用户信息
login(){
uni.login({
provider: 'weixin',
success: loginRes => {
console.log(loginRes.code);
this.userCode = loginRes.code;
}
});
},
// 获取openID
async getOpenid(){
let params = {
appid:'wx8bda0c57123111e7',
secret: 'ccc431411276f087b41f680275e457a8',
js_code: this.userCode,
grant_type: 'authorization_code',
}
await uni.request({
url: 'https://api.weixin.qq.com/sns/jscode2session',
data: params,
success: (res) => {
console.log(res.data);
this.openID = res.data.openid;
console.log('openID:'+this.openID)
}
});
},
// 获取token
async getToken(){
let params = {
appid:'wx8bda0c57123111e7',
secret: 'ccc431411276f087b41f680275e457a8',
grant_type: 'client_credential',
}
await uni.request({
url: 'https://api.weixin.qq.com/cgi-bin/token',
data: params,
success: (res) => {
this.token = res.data.access_token;
}
});
},
},
}
</script>
<style>
</style>
种一棵树最早的时间是十年前,其次是现在。