微信H5页面判断用户是否已关注公众号，以及唤起关注公众号页面

原文链接【https://blog.csdn.net/Lululu77/article/details/102668978?utm_medium&＃61;distribute.pc_relevant_right.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source&＃61;distribute.pc_relevant_right.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase
】

之前做了一个微信H5页面抽奖的小功能&＃xff0c;产品需求是用户在进入页面后判断用户是否已经关注此公众号&＃xff0c;若没有关注&＃xff0c;则唤起关注公众号页面。

一、前期微信公众平台配置&＃xff1a;

1、获取appid&＃xff0c;appsecret&＃xff0c;添加白名单

&＃xff08;1&＃xff09;登录微信公众平台——>开发——>基本配置。开发中需要用到两个参数&＃xff0c;appId和appSecret&＃xff08;appSecret只展示一次&＃xff0c;需保存下来&＃xff0c;否则需要重置获取&＃xff09;。

&＃xff08;2&＃xff09;获取access_token时需要添加IP白名单。

2. 添加网页授权

进入公众号设置——>功能设置——>网页授权域名

二、服务端判断用户是否关注公众号

1、获取全局access_token

&＃xff08;access_token的有效期目前为2个小时&＃xff0c;需定时刷新&＃xff0c;重复获取将导致上次获取的access_token失效&＃xff09;

微信开放文档说明&＃xff1a;https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html

2、网页授权获取用户openid

微信开放文档说明&＃xff1a;https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

&＃xff08;1&＃xff09;用户同意授权&＃xff0c;获取code

引导用户打开以下链接&＃xff1a;https://open.weixin.qq.com/connect/oauth2/authorize?appid&＃61;APPID&redirect_uri&＃61;REDIRECT_URI&response_type&＃61;code&scope&＃61;SCOPE&state&＃61;STATE#wechat_redirect

&＃xff08;2&＃xff09;通过code换取用户openid

获取code后&＃xff0c;请求以下链接获取openId&＃xff1a; https://api.weixin.qq.com/sns/oauth2/access_token?appid&＃61;APPID&secret&＃61;SECRET&code&＃61;CODE&grant_type&＃61;authorization_code

3、获取用户基本信息

微信开放文档说明&＃xff1a;https://developers.weixin.qq.com/doc/offiaccount/User_Management/Get_users_basic_information_UnionID.html#UinonId

使用获取到的全局access_token和用户openid去请求获取用户基本信息接口&＃xff1a;

在返回参数中&＃xff1a;

subscribe用户是否订阅该公众号标识&＃xff0c;值为0时&＃xff0c;代表此用户没有关注该公众号&＃xff0c;拉取不到其余信息。

三、H5页面唤起关注公众号页面

上面已经说明如何判断用户是否已经关注公众号&＃xff0c;那如何唤起关注页面&＃xff0c;也就是如何跳转到关注页面引导用户关注呢&＃xff0c;主要分为以下几个步骤&＃xff1a;

1、登录微信公众平台

2、点击微信号头像右击查看源代码

3、找到源代码中以下代码&＃xff1a;

将uin_base64这个参数值带入以下链接&＃xff1a;

https://mp.weixin.qq.com/mp/profile_ext?action&＃61;home&__biz&＃61;uin_base64&scene&＃61;110#wechat_redirect
即可唤起关注公众号页面

&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;一下为本人思考&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;&＃61;

四、回到初始链接

这一步还没有想好如何操作

作者&＃xff1a;holidayPenguin
链接&＃xff1a;https://www.jianshu.com/p/50108cd19cf5
来源&＃xff1a;简书
著作权归作者所有。商业转载请联系作者获得授权&＃xff0c;非商业转载请注明出处。