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,         //開(kāi)啟調(diào)試模式，調(diào)用所有的api的返回值會(huì)在客戶(hù)端alert出來(lái)，若要查看傳入的參數(shù)，可以在PC端打印出來(lái)
  appId: '',           //必填，公賬號(hào)的唯一標(biāo)識(shí)
  timestamp: '',       //必填，生成簽名的時(shí)間戳
  nonceStr: '',        //必填，生成簽名的隨機(jī)串
  signature: '',       //必填，簽名
  jsApiList: [         //必填，需要使用js列表，否則無(wú)法分享成功
    'onMenuShareTimeline',     //朋友圈
    'onMenuShareAppMessage',   //朋友
    'onMenuShareQQ',           //QQ
    'onMenuShareWeibo',       //QQ空間
  ]
})

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

wx.ready(function(){
   //config信息驗(yàn)證后會(huì)執(zhí)行ready方法，所有接口調(diào)用必須在config接口獲得結(jié)果之后，config是一個(gè)客戶(hù)端的異步操作，所以如果需要在頁(yè)面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來(lái)確保正確執(zhí)行。對(duì)于用戶(hù)觸發(fā)時(shí)才調(diào)用的接口，則可以直接調(diào)用，不需要放在ready函數(shù)中
});

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

wx.error({
  //config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)，如簽名過(guò)期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開(kāi)config的debug模式查看，也可以在返回的res參數(shù)中查看，對(duì)于SPA可以在這里更新簽名
});

code js

var data = {
  title: '',
  summary: '',
  pic: '',
  url: '',
  success: function(){
    getWeixin() ;//用戶(hù)確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
  },
  cancel: function(){
    //用戶(hù)取消分享后執(zhí)行的回調(diào)函數(shù)
  }
}

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="標(biāo)題"/>
<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!