微信公众号开发,获取openid,授权登录 WeChat-official-account-openid
创始人
2024-04-21 14:11:36

微信公众号开发
功能:自动登录,获取个人信息,上传图片
超多麻烦的情况,怎样获取openid呢?
以下我给大家提供源码,文本,视频资料
保证让你看了就明白哈

look效果

1.拉起用户授权
在这里插入图片描述

2.后台获取到的openid
在这里插入图片描述

3.前端展示用户信息
在这里插入图片描述


视频教程

不懂的可以先看看这个视频:
https://www.bilibili.com/video/BV1XL411T73G/?vd_source=125d808bbbad2b8400f221b816a0f674

核心代码展示

/**
// 获取用户信息,三部曲
// 感谢网友的文章 https://blog.csdn.net/qq_39506978/article/details/109410343
// 参考微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#3
app.get("/login.html", (req, res) => {console.log(Date.now()+':login.html页面响应--用户,有信息 :', req.body, req.query);// 如果是获取用户信息的回调,就重定向 if(req.query && req.query.code){let code = req.query.coderes.redirect(`/${staticUrl}?code=`+code)}
})// 通过后台,获取用户信息1
app.get("/getUserInfo", (req,res)=>{let code = req.query.code// 通过code,获取access_tokenlet url = `https://api.weixin.qq.com/sns/oauth2/access_token?appid=${wxConfig.appId}&secret=${wxConfig.appsecret}&code=${code}&grant_type=authorization_code`request(url, async function (error, response, body) {if (!error) {console.log('openId_成功_用户信息:error, response, body', typeof body)// 通过access_token,最后获取用户信息let userInfo = await getUserInfo(JSON.parse(body))console.log('userInfo',userInfo);res.send(userInfo)} else {console.log('error:', error)res.send(JSON.parse(error))}});
})

如何运行:

环境准备

你需要安装nodejs环境,
直接去nodejs官网https://nodejs.org/en/
在这里插入图片描述

下载项目源码到本地

https://gitee.com/618859/WeChat-official-account-openid.git

安装项目依赖

在本项目根目录运行以下命令
一定要进入到:项目根目录,否则无法正确安装依赖

npm install

安装request模块

npm install request

启动后台:方法1

node app.js

启动后台:方法2:

可以安装了nodemon

npm i nodemon -g

或者如果你安装了nodemon的话

nodemon app.js

最后访问

在微信开发者工具中访问你内网穿透的地址
在这里插入图片描述

相关内容

热门资讯

猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...