微信小程序获取openid

2025年1月15日:

1、现在云服务器上安装nodejs,然后写个get接口:

复制代码
const express = require('express');
const app = express();

app.get('/getOpenid',(req,res)=>{
    res.send("success");
})

app.listen(3000,()=>{
    console.log('server is run!!');
})

2、这时在浏览器访问服务器的getOpenid接口,就会收到success

3、小程序里面获取一下(app.js):

复制代码
App({
  onLaunch(){
    console.log('in onLaunch');
    wx.request({
      url: 'http://223.4.251.25:3000/getOpenid',
      success(res){
        console.log('成功',res.data);
      },
      fail(err){
        console.log('失败:',err.errMsg);
      }
    })
  }
})

4、这时候提示出错:

5、打开微信小程序开发工具,设置一下:

6、这个时候再编译一下,就可以得到正确的回复啦:

7、到这里基本框架已经搭好了,接下来我们就根据微信小程序的文档上的流程来获取openid

8、首先先login获取code,然后将code和其他的一些参数都发送到后台:

注意:其中appid,secret,还有服务器网址都按自己实际的填写

复制代码
// app.js
App({
  onLaunch() {
    console.log('in onLaunch');
    wx.login({
      success: (res) => {
        console.log('成功登录:', res.code);
        var code = res.code;
        wx.request({
          url: 'http://223.4.251.25:3000/getOpenid',
          data: {
            appid: appid,
            secret: appsecret,
            js_code: code,
            grant_type: 'authorization_code'
          },
          success(res) {
            console.log('成功', res.data.openid);
          },
          fail(err) {
            console.log('失败:', err.errMsg);
          }
        })

      },
      fail(err) {
        console.log('失败:', err.errMsg);
      }
    })
  }
})

9、然后我们就去服务器端(后台)完善我们的nodejs代码:

注意:我这里用的axios组件,所以要先安装一下

复制代码
const express = require('express');
const axios = require('axios');
const app = express();

app.get('/getOpenid',(req,res)=>{
    const appid = req.query.appid;
    const appsecret = req.query.secret;
    const code = req.query.js_code;
    console.log('appid:',appid,'appsecret:',appsecret,'code:',code);
    const url = 'https://api.weixin.qq.com/sns/jscode2session?appid='+appid+'&secret='+appsecret+'&js_code='+code+'&grant_type=authorization_code';
    axios.get(url)
    .then(respinse=>{
        res.send(respinse.data);        
    })
    .catch(err=>{
        console.error(' 请求发生错误:',err);
    })
})

app.listen(3000,()=>{
    console.log('server is run!!');
})

10、这时,我们回到小程序端,重新编译一下代码,就可以在日志里看见openid了。

相关推荐
云起SAAS10 小时前
B2B 木材行业供需对接平台微信小程序开源
微信小程序·小程序·ai编程·看广告变现轻·b2b 木材行业供需对接平台
程序媛徐师姐12 小时前
Java基于微信小程序的球馆预约系统,附源码+文档说明
java·微信小程序·球馆预约系统小程序·jav球馆预约系统小程序·java球馆预约微信小程序·球馆预约微信小程序·java球馆预约系统
毕设源码-邱学长12 小时前
【开题答辩全过程】以 基于微信小程序地方小吃分享平台设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
不懂代码的切图仔12 小时前
小程序web-view嵌入h5扫码 jssdk方式
前端·微信小程序
BugShare13 小时前
小程序构建npm时报错应该如何解决
微信小程序·npm
大尚来也16 小时前
自助建站系统有哪些?自助建站平台深度对比
微信小程序
码云数智-园园16 小时前
2026建网站一般需要多少钱?
微信小程序
嫂子开门我是_我哥19 小时前
从零开发微信小程序+若依后端项目:本地全流程开发,从环境搭建到前后端联调跑通
微信小程序·小程序·若依
Kingexpand_com2 天前
物联网APP开发实战:如何打造用户真正愿意用的智能硬件伴侣
物联网·小程序·app·智能硬件·物联网app定制开发
CHU7290352 天前
家政同城服务APP前端功能玩法解析
前端·小程序