Heim  >  Artikel  >  WeChat-Applet  >  Der „JS-Schnittstellendomänenname“ im offiziellen WeChat-Konto implementiert die Freigabefunktion

Der „JS-Schnittstellendomänenname“ im offiziellen WeChat-Konto implementiert die Freigabefunktion

php是最好的语言
php是最好的语言Original
2018-08-08 09:28:306497Durchsuche

1. Vorbereitungsarbeiten

APPID-ID des öffentlichen Kontos, Antrag für die Freundefreigabeschnittstelle, IP-Whitelist, Einstellung des sicheren Domänennamens der JS-Schnittstelle (muss eingereicht werden) . Sie müssen sich zuerst bei der öffentlichen WeChat-Plattform anmelden und die Funktionseinstellungen der „Offiziellen Kontoeinstellungen“ eingeben, um den „JS-Schnittstellendomänennamen“ einzugeben.

2 js vorstellen

Hinweis: Support die Verwendung der AMD/CMD-Standardlademethode

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

3. Berechtigungsüberprüfungskonfiguration über die Konfigurationsschnittstelle einfügen

Alle Seiten, die JS-SDK verwenden müssen, müssen zuerst Konfigurationsinformationen einfügen, andernfalls wird dies der Fall sein nicht aufgerufen werden (dieselbe URL muss nur einmal aufgerufen werden, um URLs zu ändern). Die Web-App des SPA kann jedes Mal aufgerufen werden, wenn sich die URL ändert. Derzeit unterstützt der Android WeChat-Client die neuen H5-Funktionen von pushShate nicht, daher wird pushState verwendet Wenn Sie die Seite der Web-App implementieren, schlägt die Signatur fehl.

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

4. Behandeln Sie eine fehlgeschlagene Überprüfung durch einen Fehler Schnittstelle

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

js-Code

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

Hinweise:

    Titel, es wird empfohlen, dass er nicht länger als 14 Zeichen ist
  1. Bildgröße: 300*300 Pixel; Bildformat: Größe nicht größer als 10 KB, GIF wird nicht unterstützt. Format: Es wird das erste qualifizierte Bild im Hauptteil der aktuellen Seite aufgenommen
  2. und interpretieren Sie den Titel kurz, es wird empfohlen, innerhalb von 20 Wörtern zu sein
  3. Link:'', //Link teilen, Link ändern, Domainname oder Pfad muss mit dem übereinstimmen Öffentliches Konto JS sicherer Domänenname, der der aktuellen Seite entspricht
  4. 2. QQ-Freigabe

QQ Das freigegebene Symbol und der Titel werden durch die Tags im Kopf identifiziert, einschließlich itemprop , ein Attribut von h5-Mikrodaten,

var data = {
  title: &#39;&#39;,
  summary: &#39;&#39;,
  pic: &#39;&#39;,
  url: &#39;&#39;,
  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)
})

Verwandte Empfehlungen:

Benutzerdefinierte Freigabeinhalte für öffentliche WeChat-Konten Implementieren Sie

Autorisierungseinstellungen für öffentliche WeChat-Konten , Öffentliche WeChat-Genehmigung

Das obige ist der detaillierte Inhalt vonDer „JS-Schnittstellendomänenname“ im offiziellen WeChat-Konto implementiert die Freigabefunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn