1.準(zhǔn)備工作 APPID公眾號(hào)id、申請(qǐng)好友分享接口、ip白名單、js接口安全域名設(shè)置（必須是通過備案）。
要先登錄微信公眾平臺(tái)進(jìn)入“公眾號(hào)設(shè)置”的功能設(shè)置里填寫“JS接口域名”2.引入js注意：
支持使用AMD/CMD標(biāo)準(zhǔn)加載方法 3.通過config接口注入權(quán)限驗(yàn)證配置 所有需要使用JS-SDK的頁面必須先注入配置信息，否則將無法調(diào)用（同一個(gè)url僅需要調(diào)用一次，對(duì)于變化url的SPA的web app可在每次url變化時(shí)進(jìn)行調(diào)用，目前Android微信客戶端不支持pushShate的H5新特性，所以使用pushState來實(shí)現(xiàn)web app的頁面會(huì)導(dǎo)致簽名失敗，此問題在Android6.2修復(fù)）wx.config({
debug: true, //開啟調(diào)試模式，調(diào)用所有的api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在PC端打印出來 appId: '
'
, //必填，公賬號(hào)的唯一標(biāo)識(shí) timestamp: '
'
, //必填，生成簽名的時(shí)間戳 nonceStr: '
'
, //必填，生成簽名的隨機(jī)串 signature: '
'
, //必填，簽名 jsApiList: [ //必填，需要使用js列表，否則無法分享成功 '
onMenuShareTimeline'
, //朋友圈 '
onMenuShareAppMessage'
, //朋友 '
onMenuShareQQ'
, //QQ '
onMenuShareWeibo'
, //QQ空間 ] }
)4.通過ready接口處理成功驗(yàn)證wx.ready(function(){
//config信息驗(yàn)證后會(huì)執(zhí)行ready方法，所有接口調(diào)用必須在config接口獲得結(jié)果之后，config是一個(gè)客戶端的異步操作，所以如果需要在頁面加載時(shí)就調(diào)用相關(guān)接口，則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。
對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口，則可以直接調(diào)用，不需要放在ready函數(shù)中 }
);
5.通過error接口處理失敗驗(yàn)證wx.error({
//config信息驗(yàn)證失敗會(huì)執(zhí)行error函數(shù)，如簽名過期導(dǎo)致驗(yàn)證失敗，具體錯(cuò)誤信息可以打開config的debug模式查看，也可以在返回的res參數(shù)中查看，對(duì)于SPA可以在這里更新簽名 }
);
js代碼var data = {
title: '
'
, summary: '
'
, pic: '
'
, url: '
'
, success: function(){
getWeixin() ;
//用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù) }
, cancel: function(){
//用戶取消分享后執(zhí)行的回調(diào)函數(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) }
)注意點(diǎn)：
title，建議在14個(gè)字以內(nèi)圖片尺寸：
300*300像素；圖片格式：
大小不超過10kB，不支持GIF格式；會(huì)取當(dāng)前頁面body內(nèi)最前面的一張符合條件的圖片對(duì)標(biāo)題簡(jiǎn)要解讀，建議20字以內(nèi)link:'
'
, //分享鏈接，改鏈接域名或路徑必須與當(dāng)前頁面對(duì)應(yīng)的公賬號(hào)JS安全域名一致二、QQ分享 QQ是通過head里面的標(biāo)簽來識(shí)別分享的圖標(biāo)和標(biāo)題，涉及到h5微數(shù)據(jù)的一個(gè)屬性itemprop， 相關(guān)推薦：
微信公眾號(hào)自定義分享內(nèi)容實(shí)現(xiàn)微信公眾號(hào)授權(quán)設(shè)置，微信公眾授權(quán) 以上就是微信公眾號(hào)里“JS接口域名”實(shí)現(xiàn)分享功能的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
微信分享朋友、朋友圈、QQ、微博 前端js本文原創(chuàng)發(fā)布php中文網(wǎng)，轉(zhuǎn)載請(qǐng)注明出處，感謝您的尊重！
上一篇：
微信支付驗(yàn)證或簽名失敗是什么原因？附三種解決方案
下一篇：
微信開發(fā)教程：
自動(dòng)回復(fù)消息和客服消息，文本帶鏈接跳轉(zhuǎn)相關(guān)文章相關(guān)視頻修改微信號(hào)有什么影響嗎？微信中共享實(shí)時(shí)位置什么意思數(shù)據(jù)庫設(shè)計(jì)的基本原則是什么？微信小程序調(diào)用圖片安全API微信公眾號(hào)里“JS接口域名”實(shí)現(xiàn)分享功能數(shù)據(jù)表的更新/刪除/查詢操作數(shù)據(jù)表的連接與新增操作2數(shù)據(jù)表的連接與新增操作1數(shù)組常用函數(shù)-3 [溫州做微信公眾號(hào)]