微信分享功能

2021-08-21 21:56:28 字數 2009 閱讀 9734

最近在做手機端頁面,需要乙個分享功能,其實自身分享是可以的,但是為了分享出的內容豐富,比如縮圖了,描述了等等,如下圖所示:

步驟一:繫結網域名稱步驟二:引入js檔案

在需要呼叫js介面的頁面引入如下js檔案,(支援https):

獲得access token 和 jsapi_ticket這些需要後台去做

access_tonken有效期7200秒,開發者必須在自己的服務全域性快取access_token我們只需要了解一下就可以,不需要我們快取它;

成功返回如下json:

2. 獲取jsapi_ticket

https請求方式: get

這裡只有access_token是我們上一步獲取的,type=jsapi按原樣拼接;這時我們會拿到jsapi_ticket

有效期7200秒,開發者必須在自己的服務全域性快取jsapi_ticket我們只需要了解一下就可以,不需要我們快取它;

成功返回如下json:

獲得jsapi_ticket之後,就可以生成js-sdk許可權驗證的簽名了。

3. 第三個signature:

出於安全考慮,開發者必須在伺服器端實現簽名的邏輯

前端** js

var//獲取當前頁面的url

var linkurl = window.location.href;

//encodeuricomponent(),請求後台介面需要用encodeuricomponent()

var encodeurl = encodeuricomponent(linkurl);

$.ajax(

var title1 = document.title;

if ($.trim(title1) != "")

wx.config ();

wx.ready (function

() };

wx.onmenusharetimeline (sharedata);

//分享給朋友

title: $title1, // 分享標題

desc: $description, // 分享描述

imgurl: "", // 分享圖示

type: '', // 分享型別,music、video或link,不填預設為link

dataurl: '', // 如果type是music或video,則要提供資料鏈結,預設為空

success: function

() });

//分享到qq

wx.onmenushareqq (sharedata);

//分享到微博

wx.onmenushareweibo (sharedata);

//分享到qq空間

wx.onmenushareqzone(sharedata);

});}

},error : function

(msg)

});

這裡需要注意的是:

1.簽名用的noncestrtimestamp必須與wx.config中的noncestr和timestamp相同

2.簽名用的url必須是呼叫js介面頁面的完整url。

3.出於安全考慮,開發者必須在伺服器端實現簽名的邏輯

如出現invalid signature 等錯誤詳見附錄5常見錯誤及解決辦法

微信分享功能

以下是步驟 一 二 三 四 可以通過開發 介面許可權檢視自己是否獲取到了分享事件的許可權。五 六七 獲取簽名時的url不能帶有 必須是去掉 之後的url。var url window.location.href url rote.split 0 八 九 十剩下的就是業務邏輯了,這個就非常簡單了 首先...

Android開發 微信分享功能

官方文件已經介紹的很詳細了,不過有一些地方,我們在開發的時候需要注意。說明以下兩塊 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 public void onresp baseresp resp toast.maketext ...

微信小遊戲分享功能

推薦閱讀 1.在egret中開啟platfrom.ts檔案,新增 如下 當然,你也可以直接複製貼上 如下 平台資料介面。由於每款遊戲通常需要發布到多個平台上,所以提取出乙個統一的介面用於開發者獲取平台資料資訊 推薦開發者通過這種方式封裝平台邏輯,以保證整體結構的穩定 由於不同平台的介面形式各有不同,...