首页 > 编程语言 >微信小程序获取openid

微信小程序获取openid

时间:2025-01-16 15:30:43浏览次数:3  
标签:openid code console log 微信 appid 获取 res const

2025年1月15日:

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

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了。

标签:openid,code,console,log,微信,appid,获取,res,const
From: https://blog.csdn.net/cau_eric/article/details/145159962

相关文章

  • C# NAudio 获取控制系统音量
    https://github.com/naudio/NAudioNAudio是一个开源的.NET音频库,由MarkHeath开发,开源地址:https://github.com/naudio/NAudio支持多种音频操作,可实现多种API播放与录制、多种不同音频格式、音频格式转换(重采样、位深、声道等)、音频编码、多通道播放、音频效果处理等等。NA......
  • vue2子组件获取父组件的实例以及数据,vue2子组件获取父组件的数据
    多个组件引入同一个js文件,实例化对象,数据不会错乱,再引入相同的组件,例如每个页面都需要引入到一个分页组件,然后分页组件需要获取各自父组件中的实例对象通过  this.$parent 即可获取到父组件中的数据所以在使用子组件时可以不用在组件上传入数据 公共js文件functionda......
  • [源码免费下载]毕业设计源码信息分享下载(Android+微信小程序+管理系统)
     博主介绍:本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮助到您;......
  • HTML应用指南:利用GET请求获取微博用户特定标签的文章内容
    本篇文章,我们将探究GET请求的实际应用,我们使用Python的requests库通过GET请求抓取微博网页版(https://weibo.com/)的用户发布内容,因为微博整体使用的也是GET请求形式。随着城市化进程的加速,公共交通系统在人们的日常生活中扮演着越来越重要的角色。地铁作为大中型城市的主要......
  • 利用 Java 爬虫获取 1688 商品评论的实践指南
    在电商领域,商品评论是消费者决策的重要参考因素,同时也是商家了解产品反馈、优化服务的关键数据来源。1688作为国内知名的B2B电商平台,拥有海量的商品评论数据。本文将详细介绍如何利用Java爬虫技术获取1688商品评论,并提供代码示例,帮助读者快速上手。一、项目背景与目标......
  • 获取阿里巴巴商品详情的高效途径:API调用与代码示例
    在当今电商蓬勃发展的时代,阿里巴巴作为全球知名的B2B平台,汇聚了海量的商品信息。对于开发者和商家而言,能够精准、高效地获取这些商品详情数据,无疑将为业务拓展和决策提供强大助力。本文将为您详细解读如何通过阿里巴巴开放平台API获取商品详情,并附上实用的代码示例,助您轻松上手......
  • UNI-APP 获取用户手机号授权与服务器端处理指南
    在UNI-APP中,获取用户手机号的流程通常涉及到微信小程序的授权机制。以下是实现步骤:1.配置小程序权限首先,确保在微信小程序的管理后台已经开启了获取用户手机号的权限。2.使用button​组件在UNI-APP中,你可以使用button​组件来触发获取用户手机号的操作......
  • UNI-APP 获取用户手机号授权与服务器端处理指南
    在UNI-APP中,获取用户手机号的流程通常涉及到微信小程序的授权机制。以下是实现步骤:1.配置小程序权限首先,确保在微信小程序的管理后台已经开启了获取用户手机号的权限。2.使用button​组件在UNI-APP中,你可以使用button​组件来触发获取用户手机号的操作......
  • H5端微信登录完整流程
    功能概述H5端微信登录是基于微信开放平台和OAuth2.0协议,实现用户通过移动端微信授权登录的功能。通过调用微信提供的接口,用户无需输入账号密码即可完成快捷登录。一、流程概览完整流程图以下为H5端微信登录的整体流程:二、详细流程步骤步骤1:注册微信开放平台并获取基......
  • PC端微信登录完整流程
    功能概述PC端微信登录是一种快捷、安全的登录方式,通过微信开放平台提供的API接口,用户可以扫描二维码快速登录第三方应用。以下记录了从功能申请到实际开发的完整过程。一、流程概览完整流程图以下为PC端微信登录的整体流程示意: 二、详细流程步骤步骤1:注册微信开放......