微信公众号开发
功能:自动登录,获取个人信息,上传图片
超多麻烦的情况,怎样获取openid呢?
以下我给大家提供源码,文本,视频资料
保证让你看了就明白哈
look效果
1.拉起用户授权
2.后台获取到的openid
3.前端展示用户信息
视频教程
不懂的可以先看看这个视频:
/video/BV13W4y1u7fy/?vd_source=125d808bbbad2b8400f221b816a0f674
想多了解的话,再看这个
/video/BV1XL411T73G/?vd_source=125d808bbbad2b8400f221b816a0f674
核心代码展示
/**// 获取用户信息,三部曲// 感谢网友的文章 /qq_39506978/article/details/109410343// 参考微信官方文档:https://developers./doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html#3app.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)}})// 通过后台,获取用户信息1app.get("/getUserInfo", (req,res)=>{let code = req.query.code// 通过code,获取access_tokenlet url = `https://api./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官网/en/
下载项目源码到本地
/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
最后访问
在微信开发者工具中访问你内网穿透的地址