uniapp - 详细实现移动端公众号 H5 网页授权登录流程及示例代码，申请测试公众号全流程及本地调试无需部署上线服务器就能直接调起微信登陆授权页面，手机移动端h5公众号页面利用微登录拿到用户数据！

前言

Vue 版本，请访问 这篇文章。

在 uni-app H5 网站平台开发中，详解微信公众号网页接入微信授权登录示例代码，附带申请测试公众号全流程及配置教程，提供前端h5页面公众号网页实现授权登陆并获取用户昵称头像数据的示例源码，用自己项目跑出来的本地局域网 IP 段就可以拉起公众号网页授权询问框，不用部署到线上服务器了，本地测试不会出现 “redirect_url参数错误”，解决各种常见网页授权问题（无法调起授权页、授权提示报错、无法获取用户信息、跨域无法打开等）

uniapp（vue2 | vue3）版本项目均可使用，跟着教程配置好后复制示例代码即可。

---

如下图所示，开发阶段利用测试公众号调试，等对接测试好了直接换上正式公众号即可。

申请 - 测试公众号

为了能让调试