背景：

最近的一个小程序项目中有这么一个需求：进入我的主页后, 如果用户没有关注过我们的公众号, 则展示一个引导关注公众号组件, 点击后跳转到一篇公众号文章, 指引用户进行关注，用户完成关注隐藏该组件。

方式一(前后端参与)： 由于对微信的UnionID机制一知半解（知道用户在同一个开放平台下的不同应用中，有统一的一个unionID），所以最开始的思路如下：

结果很快就被现实打脸：第3步中，查询公众号用户信息只能通过公众号的openID进行查询，不能通过unionID查询，且unionID也没法倒推出openID，这就尴尬了。

所以我们只能先想办法拿到用户在公众号的openID。怎么实现呢？自然是像公众号网页开发中，通过微信网页授权去获得了（微信网页授权）。由于我们的目的只是获取用户的openID， 所以scope为snsapi_base即可，此种授权方式是静默的。但是网页授权需要提供一个web页面去接收授权回调参数，表现就是我们必须从小程序跳转至一个网页上。

那么跳转时机是什么呢？为了减少用户的感知，我采用的方法是将该页面作为一个跳板页，在用户跳转至公众号前先前往跳板页， 获得授权回参后上报至服务器，再跳转至公众号文章页面（其实一开始打算在该页面中通过iframe标签打开公众号文章即可，结果发现由于微信的防盗链机制不能实现，只好通过重定向进行跳转了）。流程如下：

跳板页代码如下：

这种方式好处是对用户体验影响较小，在用户眼中只是跳转公众号文章的加载时间稍长了一点，感知不大。但是缺点也很明显，就是用户必须经过一次跳板页才能拿到openID，如果用户是从其他渠道关注了公众号的话，进入小程序后还是会展示引导关注组件，因为此时我们还不知道他的openID，无法判断他是否已关注。

但是此时我们的产品同学不乐意了，要求我们想办法优化一下。于是为了解决这个问题，我们采用了第二种方法：由后端维护一张公众号已关注用户表，通过unionID查询用户是否已在该表中。

方式二（仅后端）： 详细如下：

如果该公众号是新的，没有已关注用户，可以省略第二步。 这种方法相比方法一，用户不需要经过跳板页，从其他渠道关注的公众号也可以被查询到，而且不需要前端参与，后端即可实现，缺点就是稍微麻烦一点，建议前端同学采用这种方法(笑)

END