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

目录
相关文章
|
2月前
|
移动开发 小程序 前端开发
|
2月前
|
小程序 前端开发
|
2月前
|
存储 前端开发 安全
|
2月前
|
存储 小程序 JavaScript
|
2月前
|
开发工具 Android开发
|
2月前
|
存储 前端开发 算法
|
2月前
|
存储 小程序 JavaScript
|
2月前
|
存储 前端开发 Java
|
2月前
|
JavaScript 安全
|
3月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
61 7

热门文章

最新文章

下一篇
无影云桌面