实现微信公众号H5消息推送的超级详细步骤

前言

前段时间在项目中做了一个给H5消息推送的功能，特此记录一下，感兴趣或者有需要的小伙伴可以查阅一下，因为其实代码并不难，我觉得对于初学者来说难的是一些概念和具体实现的过程，所以我会先使用微信提供的测试接口先走一遍流程，在后面再将对应的实现代码贴出来，这样不管是我还是你对整体流程的实现也会有一个更清楚的认识，如果有哪些不对还望指出（抱拳感谢）

效果图如下：

文章标题

---

1、概念

我觉得对接第三方接口之前一定要先明白文档中一些关键词的概念，所代表的的含义，这样才不至于看文档迷糊了（其实我在做的时候看第三方接口文档也很迷糊，特别是微信的，这里吐槽一下，还是阿里的文档好，通俗易懂）

在这里就不多说，简单介绍一下我们这个功能中用到了几个概念：微信服务号官方文档链接

咋们这里尽量只说重点，其他就不多说
1、Access token
access_token是公众号的全局唯一接口调用凭据，公众号调用各接口时都需使用access_token。
这句话是官方说的，其实我们可以理解为：token就是服务号的身份证，具有唯一性，并且这个凭据是需要我们服务号的APPID和secret这两个值来获取的。其实还有一个值，grant_type，关于这个值这里不多说，网上有很多介绍，获取access_token填写client_credential即可。

2、APPID
第三方用户唯一凭证，我们只要开通了服务号就会有这玩意

3、secret
第三方用户唯一凭证密钥，即appsecret

官方介绍如下：

APPID和secret在我们注册服务号的时候就可以获取到，那么有了这两个值，我们就可以通过这两个值去请求官方给定的链接来获取我们的token

2、获取Token

对于学习者来说，申请服务号还是很费劲的，所以，微信官方很贴心的给我们准备测试的接口：微信开发测试接口、进去这个链接，拿微信扫码登录，就可以获得：APPID和appsecret了
然后我们可以通过微信提供的 测试接口，将我们的APPID和APPsecret填进去，就能获取到我们的token了，token有效期默认是两个小时，如下

3、添加消息模板

上面我们已经走通了第一步，那么这是不够的，如果需要给关注我们服务号（公众号）的用户发送消息，我们是需要一个消息模板的，模板在这里添加

这里为了照顾初学者，我把我的测试模板内容放在这里供大家直接复制

{{first.DATA}}
通知内容：{{keyword1.DATA}}
{{remark.DATA}}

4、获取用户的openId

关于openId，这里特别说明一下，openId是针对于用户的，跟我们服务号的APPID是没有任何关系的哈（关于这个我在刚开始就混淆了），我们的微信只要关注了一个公众号，那么这个公众号就给我们的微信分配一个openId，也是唯一的，这里需要注意的，即使我们取消关注，第二次关注那么openid还是之前的，是不会变化的。

因为我们是给指定用户进行通知，那么我们就需要获取该用户的openId

5、测试

好，现在我们万事具备，可以直接进行测试了，依旧，打开我们的 微信调试工具
1、先获取我们的token，输入APPID和秘钥，直接点击获取，然后会自动生成Token，我们直接复制保留

2、悬着向用户发送详细，然后拿token和消息内容即可

---

上面就是大概流程和思路了，知道了具体的实现流程，那么代码也就不难写了，关于对应的代码下次再写