微信网页静默授权

前端

2023-11-10 14:50:51

微信网页静默授权：为你的业务打开新篇章

什么是微信网页静默授权？

微信网页静默授权是一种便捷的机制，可以让用户在微信客户端访问第三方网页时，无需手动点击授权按钮，即可自动获取他们的基本信息。这种方式省去了繁琐的授权流程，提升了用户体验，并为业务拓展提供了新的机会。

实现微信网页静默授权

要实现微信网页静默授权，需要满足以下条件：

拥有服务号或申请测试号 ：需要拥有已认证的微信服务号或通过测试号申请流程来获得测试号。
配置好微信公众号参数 ：需要在微信公众号后台配置好AppID和AppSecret等相关参数。
引入微信 JS-SDK ：在第三方网页中引入微信 JS-SDK，以便调用微信相关 API。

具体步骤

创建静默授权 URL ：生成一个静默授权 URL，其中包含公众号 AppID、回调地址和授权范围等参数。
在网页中引入微信 JS-SDK ：在第三方网页中引入微信 JS-SDK，以调用微信 API。
调用微信 JS-SDK ：使用微信 JS-SDK 的 wx.getuserinfo API 获取用户基本信息。

代码示例

// 创建静默授权 URL
$redirect_uri = urlencode('授权成功后的回调地址');
$appid = '公众号 AppID';
$url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid={$appid}&redirect_uri={$redirect_uri}&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";

// 在网页中引入微信 JS-SDK
echo '<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>';

// 调用微信 JS-SDK 获取用户基本信息
echo '<script>
wx.config({
    debug: false,
    appId: ' . $appid . ',
    timestamp: timestamp,
    nonceStr: nonceStr,
    signature: signature,
    jsApiList: ['checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage']
});

wx.ready(function () {
    wx.checkJsApi({
        jsApiList: ['getuserinfo'],
        success: function (res) {}
    });
    
    wx.getuserinfo({
        lang: 'zh_CN',
        success: function (res) {
            console.log(res);
        }
    });
});
</script>';