Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erläuterung der Beispiele für benutzerdefinierte Freigabefunktionen des WeChat JS-SDK [Mit Freunden teilen/Mit Momenten teilen]

高洛峰
Freigeben: 2016-12-05 11:28:34
Original
1940 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die benutzerdefinierte Freigabefunktion von WeChat JS-SDK. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Der freigegebene Inhalt kann über jssdk geändert werden.

1. jssdk konfigurieren

Wx_config.html

<?php
import("@.ORG.jssdk");
$jssdk = new JSSDK(C(&#39;oauth_config.appid&#39;), C(&#39;oauth_config.appsecret&#39;));
$signPackage = $jssdk->GetSignPackage();
?>
Nach dem Login kopieren

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
  wx.config({
    debug: false,
    appId: &#39;<?php echo $signPackage["appId"];?>&#39;,
    timestamp: &#39;<?php echo $signPackage["timestamp"];?>&#39;,
    nonceStr: &#39;<?php echo $signPackage["nonceStr"];?>&#39;,
    signature: &#39;<?php echo $signPackage["signature"];?>&#39;,
    jsApiList: [
      &#39;onMenuShareTimeline&#39;,
      &#39;onMenuShareAppMessage&#39;,
      &#39;chooseImage&#39;,
      &#39;uploadImage&#39;
    ]
  });
</script>
Nach dem Login kopieren

2 .Fügen Sie Ereignisse hinzu, teilen Sie sie mit Freunden und teilen Sie sie mit Moments

<script>
// 微信JSSDK开发
wx.ready(function () {
  // 分享给朋友
  wx.onMenuShareAppMessage({
   title: &#39;{sh:$wxShare.title}&#39;, // 商品名
   desc: &#39;{sh:$wxShare.desc}&#39;, // 店铺名
   link: &#39;{sh:$wxShare.link}&#39;, // 商品购买地址
   imgUrl: &#39;{sh:$wxShare.imgUrl}&#39;, // 分享的图标
   fail: function (res) {
    alert(JSON.stringify(res));
   }
  });
  // 分享到朋友圈
  wx.onMenuShareTimeline({
   title: &#39;{sh:$wxShare.title}&#39;, // 商品名
   link: &#39;{sh:$wxShare.link}&#39;, // 商品购买地址
   imgUrl: &#39;{sh:$wxShare.imgUrl}&#39;, // 分享的图标
   fail: function (res) {
    alert(JSON.stringify(res));
   }
  });
});
</script>
Nach dem Login kopieren

3 Holen Sie sich wxShare-Daten im Hintergrund

/**** 获取微信分享数据 ****/
$shop_id = $this->_get(&#39;shop_id&#39;,&#39;intval&#39;);
$wxShare[&#39;title&#39;] = $goodsData[&#39;name&#39;];
$wxShare[&#39;desc&#39;] = $store[&#39;name&#39;];
$wxShare[&#39;imgUrl&#39;]= $this->siteUrl.$goodsData[&#39;logoimg&#39;];
$wxShare[&#39;link&#39;] = $this->siteUrl.U(&#39;Goods/info&#39;,array(&#39;id&#39;=>$goodsData[&#39;id&#39;],&#39;shop_id&#39;=>$shop_id));
$this->assign(&#39;wxShare&#39;,$wxShare);
Nach dem Login kopieren

Die Adresse hier muss eine absolute Adresse sein. Andernfalls kann WeChat die relative Adresse nicht erkennen.

Ausführliche Erläuterung der Beispiele für benutzerdefinierte Freigabefunktionen des WeChat JS-SDK [Mit Freunden teilen/Mit Momenten teilen]

Wenn nicht festgelegt, werden dies der Standardtitel, das Standardlogo und die Standarddetails sein.
Nachdem das Ereignis festgelegt wurde, wird es entsprechend dem von Ihnen gewünschten Inhalt geteilt.

4. Ich möchte die Seite und den Quellcode verteilen



  
  
  
  
  
  
  【{sh:$store.name}】{sh:$goodsData.name}
  
  
  
  


  
Ausführliche Erläuterung der Beispiele für benutzerdefinierte Freigabefunktionen des WeChat JS-SDK [Mit Freunden teilen/Mit Momenten teilen]
分销佣金 {sh:$commission}
已销售 echo ($goodsData['salecount'] + $goodsData['fakemembercount']);
Ausführliche Erläuterung der Beispiele für benutzerdefinierte Freigabefunktionen des WeChat JS-SDK [Mit Freunden teilen/Mit Momenten teilen]

我是 {sh:$wxuserData.nickname}
我为{sh:$store.name}代言。

{sh:$goodsData.name}
¥{sh:$goodsData.price} ¥{sh:$goodsData.oprice}
Ausführliche Erläuterung der Beispiele für benutzerdefinierte Freigabefunktionen des WeChat JS-SDK [Mit Freunden teilen/Mit Momenten teilen] 长按二维码 识别图中二维码
分销如何赚钱
第一步:转发商品链接或商品二维码图片给微信好友;

第二步:从您转发的链接或图片进入商城的好友,系统将自动锁定成为您的客户,他们在微信商城中购买任何商品,您都可以获得分销佣金;

第三步:您可以在分销中查看【我的团队】和【分销佣金】。好友确认收货后,佣金可提现。

<script> // 微信JSSDK开发 wx.ready(function () { // 分享给朋友 wx.onMenuShareAppMessage({ title: &#39;{sh:$wxShare.title}&#39;, // 商品名 desc: &#39;{sh:$wxShare.desc}&#39;, // 店铺名 link: &#39;{sh:$wxShare.link}&#39;, // 商品购买地址 imgUrl: &#39;{sh:$wxShare.imgUrl}&#39;, // 分享的图标 fail: function (res) { alert(JSON.stringify(res)); } }); // 分享到朋友圈 wx.onMenuShareTimeline({ title: &#39;{sh:$wxShare.title}&#39;, // 商品名 link: &#39;{sh:$wxShare.link}&#39;, // 商品购买地址 imgUrl: &#39;{sh:$wxShare.imgUrl}&#39;, // 分享的图标 fail: function (res) { alert(JSON.stringify(res)); } }); }); </script>
Nach dem Login kopieren


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage