小程序跳转H5的url后报错了：无法获取用户身份登录的微信号未绑定为公众号(wx50775cad5d08d7ad)的网页开发者，无法使用 Oauth 授权登录获取用户身份，请查看文档并完成绑定

众乐乐_2008

已于 2025-03-01 19:08:00 修改

阅读量744

点赞数 21

分类专栏：日常代码文章标签：小程序

于 2025-03-01 16:39:59 首次发布

本文链接：https://blog.csdn.net/liuruiaaa/article/details/145949931

版权

日常代码专栏收录该内容

116 篇文章

订阅专栏

小程序跳转H5的url后报错了：无法获取用户身份登录的微信号未绑定为公众号(wx50775cad5d08d7ad)的网页开发者，无法使用 Oauth 授权登录获取用户身份，请查看文档并完成绑定

调试微信网页授权使用微信号登录开发者工具后，可以在开发者工具上调试微信网页授权，和微信客户端一样，网页可以获取到当前登录开发者工具的微信账号的信息。出于以下两点原因，我们要求调试微信网页授权，必须开发者微信号与公众号建立绑定关系保证开发者身份信息安全，避免被有心人士诱骗扫码登录到开发者工具，在开发者工具上使用开发者的身份访问任意的页面避免被有心人士利用开发者工具作为自动化工具对任意的公众号网页 “薅羊毛”

你的 小程序使用 <web-view> 组件跳转 H5 页面，而 H5 页面 使用了微信网页授权登录，导致 H5 需要绑定公众号开发者，但你用的是 小程序而不是公众号，所以报错了。

🎯 为什么会出现这个问题？

小程序的 <web-view> 组件是嵌入的 H5 页面
- 这个 H5 可能是原来给 微信公众号 用的，所以 H5 里用了 wx.login() 或 OAuth 授权。
- 但你现在是 小程序 里打开这个 H5，而 小程序和公众号的授权方式不同。
H5 使用了 OAuth 授权，而小程序内 <web-view> 需要额外的设置
- 你的 H5 可能是这样的：
```
wx.login({
    success(res) {
        console.log('微信授权成功', res);
    }
});
```
- 但是微信 不允许小程序内 <web-view> 直接使用公众号的 OAuth 授权，除非 你的小程序和公众号绑定在一起。

✅ 解决方案

方案 1（推荐）：小程序内不要用公众号 OAuth，改成小程序的 `wx.login()`

你应该让 H5 识别它是小程序环境，并使用小程序的 wx.login() 获取 code。

你可以在 H5 里用 wx.miniProgram.getEnv() 判断是否在小程序里：

wx.miniProgram.getEnv((res) => {
    if (res.miniprogram) {
        // 这里是小程序环境，调用小程序的 wx.login()
        wx.miniProgram.navigateTo({
            url: '/pages/auth/auth' // 跳到小程序的登录页面
        });
    } else {
        // 这里是 H5 或公众号环境，正常使用公众号的 wx.login()
        wx.login({
            success(res) {
                console.log('微信授权成功', res);
            }
        });
    }
});