微信公眾號里“JS接口域名”實現(xiàn)分享功能
閱讀 37731 · 發(fā)布日期 2020-08-24 17:26 · 溫州優(yōu)光網(wǎng)絡科技有限公司|建站|APP小程序制作|做網(wǎng)站SEO推廣優(yōu)化
【摘要】
1.準備工作 APPID公眾號id、申請好友分享接口、ip白名單、js接口安全域名設置(必須是通過備案)。要先登錄微信公眾平臺進入“公眾號設置”的功能設置里填寫“JS接口域名”2.引入js注意:支持使用AMD/CMD標準加載方法 3.通過config接口注入權限驗證配置 所有需要使用JS-SDK的頁面必須先注入配置... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網(wǎng)站,平陽網(wǎng)站建設公司,平陽小程序商城制作,昆陽萬全做網(wǎng)站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網(wǎng)絡網(wǎng)店服務,政采云網(wǎng)店管理服務】...
1.準備工作 APPID公眾號id、申請好友分享接口、ip白名單、js接口安全域名設置(必須是通過備案)。
要先登錄微信公眾平臺進入“公眾號設置”的功能設置里填寫“JS接口域名”2.引入js注意:
支持使用AMD/CMD標準加載方法 3.通過config接口注入權限驗證配置 所有需要使用JS-SDK的頁面必須先注入配置信息,否則將無法調用(同一個url僅需要調用一次,對于變化url的SPA的web app可在每次url變化時進行調用,目前Android微信客戶端不支持pushShate的H5新特性,所以使用pushState來實現(xiàn)web app的頁面會導致簽名失敗,此問題在Android6.2修復)wx.config({
debug: true, //開啟調試模式,調用所有的api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在PC端打印出來 appId: '
'
, //必填,公賬號的唯一標識 timestamp: '
'
, //必填,生成簽名的時間戳 nonceStr: '
'
, //必填,生成簽名的隨機串 signature: '
'
, //必填,簽名 jsApiList: [ //必填,需要使用js列表,否則無法分享成功 '
onMenuShareTimeline'
, //朋友圈 '
onMenuShareAppMessage'
, //朋友 '
onMenuShareQQ'
, //QQ '
onMenuShareWeibo'
, //QQ空間 ] }
)4.通過ready接口處理成功驗證wx.ready(function(){
//config信息驗證后會執(zhí)行ready方法,所有接口調用必須在config接口獲得結果之后,config是一個客戶端的異步操作,所以如果需要在頁面加載時就調用相關接口,則須把相關接口放在ready函數(shù)中調用來確保正確執(zhí)行。
對于用戶觸發(fā)時才調用的接口,則可以直接調用,不需要放在ready函數(shù)中 }
);
5.通過error接口處理失敗驗證wx.error({
//config信息驗證失敗會執(zhí)行error函數(shù),如簽名過期導致驗證失敗,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數(shù)中查看,對于SPA可以在這里更新簽名 }
);
js代碼var data = {
title: '
'
, summary: '
'
, pic: '
'
, url: '
'
, success: function(){
getWeixin() ;
//用戶確認分享后執(zhí)行的回調函數(shù) }
, cancel: function(){
//用戶取消分享后執(zhí)行的回調函數(shù) }
}
wx.config({
swapTitleInWX: true, appId: "appid'
];
?>", timestamp: "timestamp'
];
?>", nonceStr: "noncestr'
];
?>", signature: "signature'
];
?>", jsApiList: [ '
onMenuShareTimeline'
, '
onMenuShareAppMessage'
, '
onMenuShareQQ'
, '
onMenuShareWeibo'
, ] }
) wx.ready(function () {
wx.onMenuShareTimeline(data);
wx.onMenuShareAppMessage(data);
wx.onMenuShareQQ(data) wx.onMenuShareWeibo(data) }
)注意點:
title,建議在14個字以內圖片尺寸:
300*300像素;圖片格式:
大小不超過10kB,不支持GIF格式;會取當前頁面body內最前面的一張符合條件的圖片對標題簡要解讀,建議20字以內link:'
'
, //分享鏈接,改鏈接域名或路徑必須與當前頁面對應的公賬號JS安全域名一致二、QQ分享 QQ是通過head里面的標簽來識別分享的圖標和標題,涉及到h5微數(shù)據(jù)的一個屬性itemprop, 相關推薦:
微信公眾號自定義分享內容實現(xiàn)微信公眾號授權設置,微信公眾授權 以上就是微信公眾號里“JS接口域名”實現(xiàn)分享功能的詳細內容,更多請關注php中文網(wǎng)其它相關文章!
微信
分享相關標簽:
微信分享朋友、朋友圈、QQ、微博 前端js本文原創(chuàng)發(fā)布php中文網(wǎng),轉載請注明出處,感謝您的尊重!
上一篇:
微信支付驗證或簽名失敗是什么原因?附三種解決方案
下一篇:
微信開發(fā)教程:
自動回復消息和客服消息,文本帶鏈接跳轉相關文章相關視頻修改微信號有什么影響嗎?微信中共享實時位置什么意思數(shù)據(jù)庫設計的基本原則是什么?微信小程序調用圖片安全API微信公眾號里“JS接口域名”實現(xiàn)分享功能數(shù)據(jù)表的更新/刪除/查詢操作數(shù)據(jù)表的連接與新增操作2數(shù)據(jù)表的連接與新增操作1數(shù)組常用函數(shù)-3 [溫州做微信公眾號]
為您推薦
- 微信公眾號里“JS接口域名”實現(xiàn)分享功能 2020-08-24
- 微信支付驗證或簽名失敗是什么原因?附三種解決方案 2020-08-24
- android微信登陸、分享做了一段時間了發(fā)現(xiàn)的一些坑 2020-08-24
- 最新整理出的微信分享后端接口實現(xiàn)的大致流程 2020-08-24
- 微信公眾號開發(fā):商戶如何給用戶發(fā)紅包實例講解 2020-08-24
- 長見識了,原來微信瀏覽器內可以直接啟動外部瀏覽器 2020-08-24
- 怎么創(chuàng)建微信公眾號自定義菜單欄?這里給出了權威解答 2020-08-24
- 微信公眾號開發(fā),實現(xiàn)倒計時的一個功能(純代碼) 2020-08-24