15.h5頁(yè)面調(diào)用微信JS-SDK分享到微信好友、朋友圈、微博等等

一、準(zhǔn)備工作:

  • 公眾號(hào)管理平臺(tái)配置安全域:
    ?自定義頁(yè)面分享功能需要微信認(rèn)證才能使用,需要開(kāi)發(fā)者ID等信息。

二、代碼示例:

  1. 引入微信JS-SDK:
<script type="text/javascript" 
       src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js">
</script>
  1. 頁(yè)面配置使用:
 <script type="text/javascript">
   function init() {
        $.ajax({
               type: "POST", 
               url: "......",//后臺(tái)接口
               data: parms, //可選參數(shù)
               dataType: "json",
                    success: function(data){ 
                         //初始化配置
                          wx.config({
                            appId: data.appId,  // 公眾號(hào)的唯一標(biāo)識(shí) 
                            timestamp: data.timestamp, //生成簽名的時(shí)間戳
                            nonceStr: data.nonceStr,
                            signature: data.signature, //簽名
                                //配置可分享功能列表
                            jsApiList: ['chooseImage', 'uploadImage', 'downloadImage',
                                'previewImage', 'openLocation', 'getLocation',
                                'scanQRCode', 'checkJsApi', 'onMenuShareTimeline',
                                'onMenuShareAppMessage', 'onMenuShareQQ',
                                'onMenuShareWeibo', 'onMenuShareQZone']  //配置分享功能
                        });
                    }
                });
            }

  //初始化:
   $(function () {
      init();
    });

   //需在用戶可能點(diǎn)擊分享按鈕前就先調(diào)用
   function initwx(){
            wx.ready(function () {
               //1.定位
                wx.getLocation({
                    type: 'gcj02',
                    success: function (res) {
                          alert("定位成功");
                          localStorage.setItem("lng", res.longitude);
                         localStorage.setItem("lat", res.latitude);
                    },
                    cancel: function (res) {
                         alert('用戶拒絕授權(quán)獲取地理位置');
                    },
                });
      
                //2.分享朋友鏈接自定義樣式設(shè)置:(自定義)
                wx.onMenuShareAppMessage({
                     title: ..., // 分享標(biāo)題
                     desc : ..., // 分享描述
                     imgUrl: ...,
                     type : 'link', // 分享類型,music、video或link,不填默認(rèn)為link
                     success : function() {
                     },
                     cancel : function() {
                     }
               });

              //3.分享....
   }      
</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容