0


微信小程序获取用户openid

小程序端直接获取:

实现代码:直接简单

  1. wx.login({
  2. success(res){if(res.code){
  3. //发起网络请求
  4. wx.request({
  5. //这里填你自己的appid 和 wxspSecret
  6. url: "https://api.weixin.qq.com/sns/jscode2session?appid=" + wxspAppid+"&secret=" + wxspSecret + "&js_code=" + res.code + "&grant_type=authorization_code" ,
  7. method: "POST",
  8. success(res){//获取成功要执行的动作},
  9. fail(data){//失败要执行的动作 }})}else{console.log('登录失败!' + res.errMsg)}}})

问题: 前端直接暴露appid和appsecret

最开始使用这种方式,到了小程序发布的阶段,因为直接暴露自己的appid和appsecret在前端,经过反编译小程序会直接获取到你的这些信息,并且不改的话也发布不了。。。之后就改成云函数获取了

云函数获取oppenid

方便并且没有暴露信息的风险:

步骤1:创建云函数

打开云开发控制台:
在这里插入图片描述
选择云函数,创建一个函数,函数名为get
在这里插入图片描述

步骤2:建立一个云函数,命名为刚刚的get

在这里插入图片描述
步骤3:
index.js

  1. // 云函数入口函数
  2. exports.main = async (event, context)=>{
  3. const wxContext = cloud.getWXContext()
  4. console.log("OPENID",wxContext.OPENID);return{
  5. event,
  6. openid: wxContext.OPENID,
  7. appid: wxContext.APPID,
  8. unionid: wxContext.UNIONID,
  9. }}

config.json

  1. {"permissions":{"openapi":[]}}

在你需要获取的地方直接调用即可,比如在app.js中

  1. getOpenid(){let that = this;
  2. wx.cloud.callFunction({
  3. name: 'get',
  4. complete: res =>{
  5. //你想要完成的功能,比如存储openid到全局
  6. that.globalData.openid = res.result.openid;}})},

上线两个星期左右,云函数收费了。。。
后面还是使用后端完成openid的获取

后端获取openid

小程序端

  1. wx.login({
  2. success(res){if(res.code){
  3. //发起网络请求
  4. wx.request({
  5. url: "你的接口"+res.code,
  6. method: "POST",
  7. success(res){//成功后的逻辑处理 }})}else{
  8. wx.showToast({
  9. title: '出现错误',
  10. icon: 'fail',
  11. duration: 5000})
  12. console.log('出现错误!' + res.errMsg)}}})

后端(springboot)

  1. @PostMapping("你的接口")
  2. public Response decodeOpenid(HttpServletResponse response, @RequestParam String code){
  3. response.setContentType("text/html;charset=UTF-8");
  4. response.setCharacterEncoding("utf-8");
  5. String wxspAppid ="你的appid";
  6. String wxspSecret ="你的密钥";
  7. try {
  8. Map<String, String> map = new HashMap<>();
  9. // 授权(必填)固定
  10. String grant_type ="authorization_code";
  11. // 发送请求
  12. String res = HttpRequest.post("https://api.weixin.qq.com/sns/jscode2session")
  13. .form("appid",wxspAppid)
  14. .form("secret",wxspSecret)
  15. .form("js_code",code)
  16. .form("grant_type",grant_type)
  17. .execute().body();
  18. // 解析相应内容(转换成json对象)
  19. JSONObject json = JSONObject.parseObject(res);
  20. log.info("解析code请求结果:"+json.toString());
  21. //获取openid
  22. String openid = json.getString("openid");
  23. log.info("openid:"+openid);return Response.success(openid);} catch (Exception e){
  24. e.printStackTrace();return Response.fail("openId生成失败");}}

需要导入hutools工具包和slf4j的依赖

ps: 微信小程序如果要发布的话是需要进行域名购买和备案的,以及后端https的配置。


本文转载自: https://blog.csdn.net/m0_51421744/article/details/127756088
版权归原作者 Linaaa~ 所有, 如有侵权,请联系我们删除。

“微信小程序获取用户openid”的评论:

还没有评论