uniapp 获取微信的 openid(借助 uniCloud)

简介: uniapp 获取微信的 openid(借助 uniCloud)

1. 新建云函数 getOpenid

uniCloud-aliyun/cloudfunctions/getOpenid/index.js

'use strict';

exports.main = async (event, context) => {
  let appid = "wx*****"; //你的AppID
  let secret = "de****"; //你的AppSecret
  let url =
    "https://api.weixin.qq.com/sns/jscode2session?appid=" +
    appid +
    "&secret=" +
    secret +
    "&js_code=" +
    event.code +
    "&grant_type=authorization_code";
  let res = await uniCloud.httpclient.request(
    url, // 请求路径,
    {
      dataType: "json"
    }
  );
  let openid = res.data.openid
  return openid
};

AppID 和 AppSecret 从你的微信小程序的后台获取

2. 上传部署云函数 getOpenid

3. 调用云函数 getOpenid

pages/index/index.vue

<button @tap="getOpenid">获取微信的Openid</button>
getOpenid() {
  uni.login({
    provider: "weixin",
    success: function(res) {
      uniCloud.callFunction({
        name: 'getOpenid',
        data: {
          code: res.code
        },
        success: (res) => {
          console.log('Openid为', res.result)
        },
        fail: () => {
          console.log('获取失败')
        }
      })
    },
  });
}

项目运行到微信开发者工具

点击按钮,在控制台即可看到获取的 openid

目录
相关文章
|
JSON 小程序 应用服务中间件
微信的openid是用户的唯一id吗?
【10月更文挑战第4天】微信的openid是用户的唯一id吗?
3831 5
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
4176 3
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
381 2
|
移动开发 小程序 前端开发
|
存储 移动开发 小程序
uniapp富文本editor输入二次扩展兼容微信小程序
uniapp富文本editor输入二次扩展兼容微信小程序
1130 0
|
小程序
uniapp实现微信小程序隐私协议组件封装
uniapp实现微信小程序隐私协议组件封装
379 0

热门文章

最新文章

下一篇
开通oss服务