前言
Vue2 版本,请访问 这篇文章。
在 vue3 | nuxt3 公众号网页开发中,详解微信公众号网页接入微信授权登录示例代码,提供前端h5页面公众号网页实现授权登陆并获取用户昵称头像数据的示例源码,附带申请测试公众号全流程及配置教程,本地测试不会出现 “redirect_url参数错误”,用自己项目跑出来的本地局域网 IP 段就可以拉起公众号网页授权询问框,不用部署到线上服务器了,解决各种常见网页授权问题(例如无法调起授权页、授权提示报错、无法获取用户信息、跨域无法打开等)
跟着教程配置好后,复制示例代码运行即可。
如下图所示,开发阶段利用测试公众号调试,等对接测试好了直接换上正式公众号。
申请 - 测试公众号
为了能让调试开发阶段在本地就能完成,需要使用测试公众号。