简洁的node后端服务(微信授权登陆)

微信官方文档:网页授权 | 微信开放文档 (qq.com)

一、代码


/*
 * @Description: ------ nodejs 服务 ------
 * @Creater: snows_l snows_l@163.com
 * @Date: 2022-11-02 14:00:56
 * @LastEditors: snows_l snows_l@163.com
 * @LastEditTime: 2023-03-08 16:07:27
 * @FilePath: /concise/index.js
 */
const app = require('express')();
// 对post请求的请求体进行解析
const bodyParser = require('body-parser');

// 主要用来解决客户端请求与服务端的跨域问题
const cors = require('cors');
const axios = require('axios');

// 获取.env中的环境变量
const dotenv = require('dotenv').config();
console.log('dotenv', dotenv);
// dotenv {
//   parsed: {
//     APP_ID: 'wx38ec048c6b436a5e',
//     APP_SECRET: 'f620de59b62cf6efc2768ed611d9a093',
//     APP_BACK_URL: 'http://192.168.55.16:8080'
//   }
// }

app.use(bodyParser.json());
app.use(cors());

app.get('/', async (req, res) => {
  res.send(`欢迎使用node.js服务---${process.env.APP_ID}`);
});

// 第一步:根据appid && 前端回调地址(获取到code之后回到的地址)得到code
app.get('/get/code', async (req, res) => {
  console.log(req.query);
  let url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${process.env.APP_ID}&redirect_uri=${process.env.APP_BACK_URL}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`;
  res.send(url);
});

// 根据前端传过来的code获取到用户信息
app.post('/update/info', async (req, res) => {
  console.log('=========code===========', req.body.params.code);
  let code = req.body.params.code;

  // 请求access_token的地址  ---- 微信提供
  let access_token_url = `https://api.weixin.qq.com/sns/oauth2/access_token?appid=${process.env.APP_ID}&secret=${process.env.APP_SECRET}&code=${code}&grant_type=authorization_code`;

  // 1、根据用户拆传过来的code、appId以及secret过去到access_token
  let access_token = (await axios.get(access_token_url)).data.access_token;
  console.log('=========access_token===', access_token);

  // 获取用户信息的地址  ----- 微信提供
  let user_info_url = `https://api.weixin.qq.com/sns/userinfo?access_token=${access_token}&openid=OPENID&lang=zh_CN`;
  // 根据access_token获取用户信息

  let user_info = (await axios.get(u)).data;
  console.log('=========user_info======', user_info);

  // 将用户信息返回给前端
  res.send(user_info);
});

app.listen(3000, () => {
  console.log('服务启动了:http://localhost:3000');
});

二、项目结构以及.env以及package.json

图一 项目结构

图二 .env以及package.json

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
对于使用 Uniapp 开发微信登录功能,后端获取用户信息的流程如下: 1. 在前端部分,使用微信开放平台提供的 API 进行用户登录授权,并获取到授权临时登录凭证 code。 2. 将获取到的 code 发送给后端服务器。 3. 在后端服务器中,使用该 code 以及微信开放平台提供的 appid 和 appsecret,调用接口获取用户的 session_key 和 openid。 具体代码示例如下(以 Node.js 为例): ```javascript const axios = require('axios'); async function getOpenidAndSessionKey(code) { const appid = 'your-appid'; const appsecret = 'your-appsecret'; const url = `https://api.weixin.qq.com/sns/jscode2session?appid=${appid}&secret=${appsecret}&js_code=${code}&grant_type=authorization_code`; try { const response = await axios.get(url); const data = response.data; const { openid, session_key } = data; return { openid, session_key }; } catch (error) { console.error(error); throw new Error('Failed to get openid and session_key'); } } // 调用函数获取 openid 和 session_key const code = 'your-code'; getOpenidAndSessionKey(code) .then(result => { console.log(result); }) .catch(error => { console.error(error); }); ``` 需要注意的是,`your-appid` 和 `your-appsecret` 分别替换为你的微信开放平台的应用ID和应用密钥(可以在微信开放平台申请获得)。同时,`your-code` 是前端获取到的临时登录凭证 code。 获取到的 openid 和 session_key 可以用于后续的用户信息获取和验证操作。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

snows_l

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值