Le « Nom de domaine de l'interface JS » dans le compte officiel WeChat implémente la fonction de partage

1. Travaux de préparation

Identifiant du compte public APPID, application pour l'interface de partage d'amis, liste blanche IP, paramètre de nom de domaine sécurisé de l'interface js (doit être déposé) . Vous devez d'abord vous connecter à la plateforme publique WeChat et entrer les paramètres de fonction « Paramètres du compte officiel » pour remplir le « Nom de domaine de l'interface JS »

2 Présentez js

Remarque : Support. l'utilisation de la méthode de chargement standard AMD/CMD

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

3. Injecter la configuration de vérification des autorisations via l'interface de configuration

Toutes les pages qui doivent utiliser JS-SDK doivent d'abord injecter des informations de configuration, sinon il ne sera pas appelé (la même URL ne doit être appelée qu'une seule fois, car l'application Web du SPA qui modifie l'URL peut être appelée à chaque fois que l'URL change. Actuellement, le client Android WeChat ne prend pas en charge la nouvelle fonctionnalité H5 de pushShate, donc l'utilisation de pushState pour implémenter la page de l'application Web entraînera l'échec de la signature. Ce problème concerne la réparation Android 6.2)

wx.config({
  debug: true,         //开启调试模式，调用所有的api的返回值会在客户端alert出来，若要查看传入的参数，可以在PC端打印出来
  appId: '',           //必填，公账号的唯一标识
  timestamp: '',       //必填，生成签名的时间戳
  nonceStr: '',        //必填，生成签名的随机串
  signature: '',       //必填，签名
  jsApiList: [         //必填，需要使用js列表，否则无法分享成功
    'onMenuShareTimeline',     //朋友圈
    'onMenuShareAppMessage',   //朋友
    'onMenuShareQQ',           //QQ
    'onMenuShareWeibo',       //QQ空间
  ]
})

4. Gérer la vérification réussie via l'interface prête

wx.ready(function(){
   //config信息验证后会执行ready方法，所有接口调用必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中
});

<.>5. Gérer l'échec de la vérification via l'interface d'erreur

wx.error({
  //config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
});

code js

var data = {
  title: '',
  summary: '',
  pic: '',
  url: '',
  success: function(){
    getWeixin() ;//用户确认分享后执行的回调函数
  },
  cancel: function(){
    //用户取消分享后执行的回调函数
  }
}

wx.config({
  swapTitleInWX: true,
  appId: "<?php echo $weixin_package[&#39;appid&#39;];?>",
  timestamp: "<?php echo $weixin_package[&#39;timestamp&#39;];?>",
  nonceStr: "<?php echo $weixin_package[&#39;noncestr&#39;];?>",
  signature: "<?php echo $weixin_package[&#39;signature&#39;];?>",
  jsApiList: [
    &#39;onMenuShareTimeline&#39;,
    &#39;onMenuShareAppMessage&#39;,
    &#39;onMenuShareQQ&#39;,
    &#39;onMenuShareWeibo&#39;,
   ]
})

wx.ready(function () {
  wx.onMenuShareTimeline(data);
  wx.onMenuShareAppMessage(data);
  wx.onMenuShareQQ(data)
  wx.onMenuShareWeibo(data)
})

Remarque :

1. titre, il est recommandé de être dans les 14 mots

2. Taille de l'image : 300*300 pixels ; Format de l'image : La taille ne dépasse pas 10 Ko, le format GIF n'est pas pris en charge ; sera pris

3. Une brève explication du titre, il est recommandé d'être dans les 20 mots

4. lien :'', //Partager lien, changer le nom de domaine ou le chemin du lien doit être cohérent avec le nom de domaine sécurisé JS du compte public correspondant à la page actuelle

2 , partage QQ

QQ identifie le icône et titre partagés via les balises dans l'en-tête, qui impliquent itemprop, un attribut des microdonnées h5,

<meta itemprop="name" content="标题"/>
<meta itemprop="description" name="description" content="描述"/>
<meta itemprop="image" content="缩列图地址"/>

Recommandations associées :

Mise en œuvre du contenu de partage personnalisé du compte public WeChat

Paramètre d'autorisation du compte public WeChat, autorisation publique WeChat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!