网络知识 娱乐 实现微信公众号H5消息推送的超级详细步骤

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

前言

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

效果图如下:
在这里插入图片描述

文章标题

文章目录

  • 前言
  • 1、概念
  • 2、获取Token
  • 3、添加消息模板
  • 4、获取用户的openId
  • 5、测试


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和消息内容即可
在这里插入图片描述


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