首頁 > web前端 > js教程 > 主體

微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

高洛峰
發布: 2016-12-05 11:28:34
原創
1938 人瀏覽過

本文實例講述了微信JS-SDK自訂分享功能。分享給大家供大家參考,具體如下:

分享出去的內容,可以透過jssdk進行修改​​。

1.設定jssdk

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();
?>
登入後複製

   

<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>
登入後複製

   

蟎後台取得wxShare資料

<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>
登入後複製

   

這裡的地址,必須為絕對地址。否則相對地址,微信無法辨識。

如果不設置,就會是預設的標題,預設的logo,預設的詳情。

設定了事件,就會按照自己想要的內容分享出去。

4.我要經銷頁面,原始碼

/**** 获取微信分享数据 ****/
$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);
登入後複製

   微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板