Super detailed steps to implement Wechat public number H5 Message push

Préface

Il y a quelque temps, j'en ai fait une pourH5Fonction de poussée de message,Notez ceci,Les petits partenaires intéressés ou dans le besoin peuvent consulter,Parce qu'en fait le Code n'est pas difficile,Je pense que ce qui est difficile pour les débutants, c'est quelques concepts et le processus de mise en oeuvre concrète,Donc je vais d'abord passer par le processus en utilisant l'interface de test fournie par Wechat,Postez le Code d'implémentation correspondant plus tard,De cette façon, vous et moi aurons une meilleure idée de la mise en oeuvre du processus global,S'il y a quelque chose de mal à signaler（Merci.）

L'image de l'effet est la suivante:：

Titre de l'article

---

1、Concept

Je pense qu'il est important de comprendre le concept de certains mots clés dans le document avant d'amarrer des interfaces tierces,Ce que cela signifie,Pour ne pas confondre les documents（En fait, j'étais confus en lisant des documents d'interface tiers pendant que je faisais,Surtout Wechat,Crache ici.,Ou les documents d'Ali,Facile à comprendre）

Il n'y a pas grand - chose à dire ici,Une brève introduction à plusieurs concepts utilisés dans notre fonction：Lien vers le document officiel du numéro de service Wechat

On essaie de se concentrer ici , Il n'y a rien d'autre à dire
1、Access token
access_tokenEst un justificatif d'appel d'interface unique au niveau mondial pour le numéro public,Le numéro public doit être utilisé pour appeler chaque interfaceaccess_token.
C'est officiel ,En fait, on peut comprendre que：token C'est la carte d'identité du numéro de service ,Avec unicité, Et ce justificatif d'identité exige notre numéro de service APPIDEtsecret Ces deux valeurs pour obtenir . En fait, il y a une autre valeur ,grant_type, Il n'y a pas grand - chose à dire à ce sujet ,Il y a beaucoup de présentations en ligne,Accèsaccess_tokenRemplirclient_credentialC'est tout..

2、APPID
Certificat unique d'utilisateur tiers , On aura ce truc dès qu'on aura le numéro de service

3、secret
Clé de justificatif d'identité unique de l'utilisateur tiers ,C'est - à - dire:appsecret

La présentation officielle est la suivante:：

APPIDEtsecret Vous pouvez obtenir le numéro de service lorsque nous l'enregistrons , Donc avec ces deux valeurs , Nous pouvons obtenir notre token

2、AccèsToken

Pour les apprenants , Demander un numéro de service est toujours difficile ,Alors..., Les responsables de Wechat sont très attentifs à nous préparer à tester l'interface ： Interface de test de développement Wechat 、 Entrez dans ce lien , Connectez - vous avec Wechat scan code ,Vous pouvez obtenir：APPIDEtappsecretC'est
Nous pouvons ensuite fournir par Wechat Interface d'essai,Pour prendre notreAPPIDEtAPPsecretRemplissez - le., Pour avoir accès à notre tokenC'est,token La durée de validité par défaut est de deux heures ,Comme suit

3、Ajouter un modèle de message

On a fait le premier pas , Alors ça ne suffit pas , Si vous avez besoin de notre numéro de service （Numéro public）Message envoyé par l'utilisateur de, Nous avons besoin d'un modèle de message , Le modèle est ajouté ici

Pour les débutants , J'ai mis le contenu de mon modèle de test ici pour que tout le monde puisse le copier directement

{
    {
    first.DATA}}
Contenu de la notification：{
    {
    keyword1.DATA}}
{
    {
    remark.DATA}}

4、Obtenir laopenId

À propos deopenId,En particulier ici.,openId Est destiné à l'utilisateur , Avec notre numéro de service APPID Ça n'a pas d'importance. （ J'ai confondu ça au début ）, Notre Wechat n'a qu'à se concentrer sur un numéro public , Alors ce numéro public va assigner un openId,Et le seul,Il faut faire attention ici., Même si on annule l'attention , La deuxième fois, c'était openidC'était avant.,Ça ne changera pas..

Parce que nous informons l'utilisateur désigné , Alors nous devons obtenir l'utilisateur openId

5、Tests

D'accord., Maintenant nous avons tout , Peut être testé directement ,Toujours.,Ouvrez notre Outil de débogage Wechat
1、Prends le nôtre d'abord.token,EntréeAPPIDEt la clé secrète, Cliquez directement pour obtenir , Puis il sera généré automatiquement Token, Nous copions directement la réserve

2、 Suspension pour envoyer les détails à l'utilisateur ,Et prends - le.token Et le contenu du message

---

C'est le processus et les idées , Connaître le processus de mise en oeuvre spécifique , Alors le Code n'est pas difficile à écrire , À propos du code correspondant à écrire la prochaine fois