一、前置条件
    1、获取公众号的appid(公众号唯一标识)
         页面导向： 开发 --> 基本配置
    2、授权后重定向的回调链接地址(页面设置：开发 --> 接口权限 --> 网页服务 --> 网页帐号 --> 网页授权获取用户基本信息)。开发的项目需要放到已经解析好服务器域名的服务器下，同时把Mp***.text文件放到服务器根目录下，此时你的服务器必须能联通外网也就是有公网IP,并且80端口是打开的，可以使用阿里云等服务器，默认配置就可以了。
          注：该链接地址是域名，不需要协议头。若无域名可注册测试账号进行测试(用测试账号测试时，地址一定是 ip:port 才可以测试成功)。
二、网页授权的两种方式
    根据需要确定静默授权还是非静默授权。
    1、静默授权：以snsapi_base为scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页(往往是业务页面，只能获取openid)
    2、非静默授权：以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。但这种授权需要用户手动同意，并且由于用户同意过，所以无须关注，就可在授权后获取该用户的基本信息。(可获取openid、用户头像等)
三、前端获取流程
    1、用户同意授权获取code(并附前端代码)
// code说明 ：code作为换取access_token的票据，每次用户授权带上的code将不一样，code只能使用一次，5分钟未被使用自动过期。const appId = '';  // 公众号的appidconst authCode = getUrlParam('code')  // 截取路径中的codeif (authCode == null || authCode === '') {  const local = window.location.href; // 获取当前的页面路径，也是回调地址  window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${encodeURIComponent(local)}&response_type=code&scope=snsapi_userinfo#wechat_redirect`;}// 获取到路径中的code后，将code传给后台获取用户信息// 截取code的方法export function getUrlParam(name: string) {  const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)')  const url = window.location.href.split('#')[0]  const search = url.split('?')[1]  if (search) {    const r = search.substr(0).match(reg)    if (r !== null)      return unescape(r[2])    return null  } else    return null}
    2.通过code换取网页授权access_token(获取access_token由后端发起)。为什么，前端不能一起把获取code和获取openId的操作都做了，还要请求后台，让后台获取openId？
  后台通过appid、AppSecret、code 获取openid。前后端都获取到openid，并通过openid做用户绑定和查询。

今天被别人问了个问题，微信的OpenID是什么？虽然已经大半年没写过代码了，但我居然还记得挺清楚的，那就写出来，鬼知道什么时候又忘了。
之前做过一个引导用户将微信号与公司的手机账号绑定的需求，虽然乍听上去挺简单，但其中涉及到的细节却比较多，而且也踩到了几个坑。涉及到的相关知识点有:
OpenID和unionid
OpenID：为了识别用户，每个用户针对每个公众号或小程序等应用会产生一个安全的OpenID，公众号或应用可将此ID进行存储，便于用户下次登录时辨识其身份，或将其与用户在第三方应用中的原有账号进行绑定UnionId:UnionId也是用户的标识符，但它与OpenID不同的是，同一个微信用户，登录同一个开发主体下的多个小程序或公众号的时候，分配的UnionId是一样的。
可以打个通俗的比喻，比如某个用户是万达商场的会员，那么UnionId就是这个用户对应的万达会员标识，而这个用户又比较爱买买买，在万达商场的很多商店下面都是会员，那么此时每个商店赋予这个用户的会员号就相当于OpenID了，总而言之，在同一个开发体下，UnionId是唯一的，而OpenID不一定唯一。
微信授权登录
如果用户在微信客户端中访问第三方网页，那么第三方网页需要通过微信网页的授权机制，来获取用户的基本信息，进而实现业务逻辑。用户授权登录的方式分为两种，一种是显式授权登录,一种是静默的授权登录。显式的授权登录页：这种方式是以snsapi_userinfo为scope发起的网页授权，是用来获取用户的基本信息的。需要用户手动点击登录按钮同意授权，可以获取较多的信息，比如用户头像、昵称、openId、unionId、是否关注公众号等。如下是常见的授权页面：
静默授权登录页：用户在无感知的情况下进行了授权。这种授权是以snsapi_base为scope发起的网页授权，是用来获取用户的openId，用户无需进入授权页就进入了第三方业务页。
授权流程
整个授权流程在微信开发者文档已有了比较清晰的解释，具体可点击这里进入微信网页授权。
整个过程可以总结成以下步骤:
引导进入授权页
用户授权需要进入以下页面（页面链接参数解释如上表所示）：https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE& state=STATE#wechat_redirect
用户同意授权(scope=snsapi_base无此步骤)
授权后成功后服务器将code回传回来并重定向到第一步配置的回调页面
微信公众号通过code向微信服务器请求openId
微信公众账号通过Access Token向服务器请求用户信息(scope为snsapi_base时无此步骤)
服务器将用户信息回送给微信公众账号(scope为snsapi_base时无此步骤)
微信公众号通过openId向本服务器请求用户信息（若此openId已与第三方账号有所关联，那么可依据openId查询到用户在第三方数据库中的信息）
整个流程图如下所示：
相关代码
用户进入页面时首先判断是否存在微信返回的授权code，如果没有，则代表用户未进行授权，需要进入授权页
function getUserInfo(callback){
     // 如果认证的code存在
     if (params.code) {
         const code = encodeURIComponent(params.code);
         const data = {
             mchId: 'WX001',
             code,
         };
         const _params = new Params(params);
         delete _params.code;
         history.replaceState(null, null, _params);
         $loader.show();
         request('/node_api/user.do?fn=wxUserInfo', 'GET', data).then((res) => {
             $loader.hide();
             if (res.code === 0){
                 const userInfo = {};
                 try {
                     userInfo.wxInfo = res.content.userinfo || {};
                     userInfo.isbind = res.content.isBind;
                     userInfo.channelUserId = res.content.channelUserId;
                 } catch (ex) {
                     userInfo.wxInfo = {};
                     userInfo.isbind = false;
                 }
                 if (!userInfo.isbind) {
                     const userToken = {
                         accessToken: res.content.accessToken || '',
                         channelId: res.content.channelId || '',
                         channelUserId: res.content.channelUserId || '',
                         unionId: res.content.unionId || ''
                     };
                 // 将userToken写入cookie
                 document.cookie = 'userToken=' + encodeURIComponent(JSON.stringify(userToken));
             }
             callback(userInfo);
         }else{
             // 请求sso/login接口失败，弹提示信息
             showTextMessage(res.msg);
         }}, () => {
             $loader.hide();
             showTextMessage('网络异常，请稍后再试');
             deleteCode();
         });
     }else{
         // 无code 则进行微信认证
         authorize();
     }
 }

微信小程序判断用户是否关注公众号-简要流程

版权  原文链接：树先生https://blog.csdn.net/weixin_39601000/article/details/105288342

没有需求就没有开发  需求在小程序内直接可以关注公众号 且如果已经关注则隐藏关注按钮；找了许多没有特别完整的 索性就把自己的做法给整理一下 步骤大致如下
1. 小程序关联公众号：

1.1 路径：小程序后台——设置——关注公众号
1.2 关联以后就可以直接在小程序内使用“”组件了 对应参考链接：https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html
2. 获取用户是否关注公众号标识

2.1 实现：借用了小程序“web-view”组件来实现  注意需要先去小程序开发设置——业务域名 添加公众号设置的网页授权域名才可以访问；对应参考链接：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
 **2.1.1 小程序设置跳转路径 获取code：URL必须是上面设置好的域名下的路径**

<web-view src="https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=URL&response_type=code&scope=snsapi_base#wechat_redirect"></web-view>

 2.1.2 通过code换取公众号openid和网页授权access_token （就是正常获取公众号openid流程 参考链接：[https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html)）

https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

 **2.1.3 获取通用接口access_token** （参考链接：https://developers.weixin.qq.com/doc/offiaccount/WeChat_Invoice/Nontax_Bill/API_list.html#1.1%20%E8%8E%B7%E5%8F%96access_token）注意：2.1.2获取到的网页授权access_token是无法用于后续请求的

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

 **2.1.4 通过通用接口access_token和公众号openid获取用户基本信息（即是否关注公众号标识）**参考链接：[https://developers.weixin.qq.com/doc/offiaccount/User_Management/Get_users_basic_information_UnionID.html](https://developers.weixin.qq.com/doc/offiaccount/User_Management/Get_users_basic_information_UnionID.html)

https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN

 建议将获取到的公众号openid与小程序openid对应关系 保存进表；供后续调用

3. 利用web-view的JSSDK接口携参跳转回小程序

//subscribe即为返回的是否关注公众号标识
<script>
wx.miniProgram.switchTab({url: '/pages/index/index?subscribe='+subscribe})
</script>

通过上一节课程，


你已经把公众号粉丝的openid获取到，

现在就可以通过openid来获取这个用户的详细信息了。









微信提供给我们的用户信息包括下面几个方面：

昵称、头像、性别、所在城市、语言和关注时间等等，

子恒老师将跟你分享获取粉丝信息的详细过程…

公众号根据openid获取用户信息视频教程在线观看


http://edu.csdn.net/course/play/2963/48747