wx分享

http://caibaojian.com/wxshare-config.html
http://www.cnblogs.com/joshua317/p/4761948.html
開啟debug

image.png

步驟一:綁定域名
先登錄微信“公眾號設(shè)置”里面填寫“JS接口安全域名”
備注:登錄后可以在“開發(fā)者中心”查看對應(yīng)的接口權(quán)限

下載相應(yīng)的.txt文件保存至靜態(tài)文件的跟目錄下,如圖

image.png

域名的填寫類似這樣:
1:X.XXX.COM
2:X.XXX.COM
3:XXX.XXX.COM
步驟二:引入js文件
開始前端代碼部分
引入http://res.wx.qq.com/open/js/jweixin-1.2.0.js
步驟三:通過config接口注入權(quán)限驗證配置
備注:所有需要JS-SDK的頁面必須注入配置信息,否則將無法調(diào)用

wx.config({
  debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開握侧,參數(shù)信息會通過log打出责嚷,僅在pc端時才會打印鸳兽。
  appId: '', // 必填,公眾號的唯一標(biāo)識
  timestamp: , // 必填罕拂,生成簽名的時間戳
  nonceStr: '', // 必填揍异,生成簽名的隨機串
  signature: '',// 必填,簽名爆班,見附錄1
  jsApiList: [] // 必填衷掷,需要使用的JS接口列表,所有JS接口列表見附錄2
});

//appId,nonceStr,signature,timestamp這些值是從后臺獲取的

  //注入檢驗
  wx.ready(function(){
      var info = {
          title: '比特之眼',
          desc: '比特之眼是一個數(shù)字貨幣風(fēng)險監(jiān)測與跟蹤平臺柿菩,我們?yōu)楸O(jiān)管機構(gòu)實施數(shù)字貨幣監(jiān)管提供相關(guān)數(shù)據(jù)支持戚嗅、風(fēng)險監(jiān)測、違法線索跟蹤與研判等服務(wù)。',
          imgUrl: 'http://xbex.yipincaifu.com/h5/images/tohome.png',
      }
      var _url = location.href;
      if(_url.indexOf("desc") != -1){
          info.title = document.title +"-比特之眼";
      }

      //驗證接口權(quán)限是否通過
      wx.checkJsApi({
          jsApiList: [
              'checkJsApi',
              'onMenuShareTimeline',
              'onMenuShareAppMessage',
              'onMenuShareQQ',
              'onMenuShareWeibo',
              'onMenuShareQZone'
          ], // 需要檢測的JS接口列表懦胞,所有JS接口列表見附錄2,
          success: function(res) {
              
          }
      });

      //分享朋友
      wx.onMenuShareAppMessage({
          title: info.title, // 分享標(biāo)題
          desc: info.desc,// 分享描述
          link: '', // 分享鏈接替久,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
          imgUrl: info.imgUrl, // 分享圖標(biāo)
          type: '', // 分享類型,music、video或link躏尉,不填默認(rèn)為link
          dataUrl: '', // 如果type是music或video蚯根,則要提供數(shù)據(jù)鏈接,默認(rèn)為空
          success: function () { 
              // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
              
          },
          cancel: function () { 
              // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
          }
      });


      //分享朋友圈
      wx.onMenuShareTimeline({
          title: info.title, // 分享標(biāo)題
          desc: info.desc,
          link: '', // 分享鏈接胀糜,該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
          imgUrl: info.imgUrl,
          success: function () { 
              // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù)
              
          },
          cancel: function () { 
              // 用戶取消分享后執(zhí)行的回調(diào)函數(shù)
          }
      });

  });

  wx.error(function(res){
  });

步驟四:通過ready接口處理成功驗證
wx.ready(function(){
//config信息驗證后會執(zhí)行ready方法颅拦,所有接口調(diào)用都必須在config接口獲取結(jié)果之后,config是一個客戶端的異步操作教藻,所以如果需要在頁面加載時就調(diào)用相關(guān)的接口距帅,則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。對于用戶觸發(fā)時在調(diào)用的接口括堤,則可以直接調(diào)用锥债,不需要放在ready函數(shù)中。
})

步驟五:通過error接口助理時報驗證
wx.error(function(){
//config信息驗證失敗會執(zhí)行error函數(shù)痊臭,如簽名失敗哮肚,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數(shù)中查看广匙,對于SPA可以在這里更新簽名允趟。
})

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市鸦致,隨后出現(xiàn)的幾起案子潮剪,更是在濱河造成了極大的恐慌,老刑警劉巖分唾,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件抗碰,死亡現(xiàn)場離奇詭異,居然都是意外死亡绽乔,警方通過查閱死者的電腦和手機弧蝇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來折砸,“玉大人看疗,你說我怎么就攤上這事∧朗冢” “怎么了两芳?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵,是天一觀的道長去枷。 經(jīng)常有香客問我怖辆,道長是复,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任竖螃,我火速辦了婚禮淑廊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘斑鼻。我一直安慰自己,他們只是感情好猎荠,可當(dāng)我...
    茶點故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布坚弱。 她就那樣靜靜地躺著,像睡著了一般关摇。 火紅的嫁衣襯著肌膚如雪荒叶。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天输虱,我揣著相機與錄音些楣,去河邊找鬼。 笑死宪睹,一個胖子當(dāng)著我的面吹牛愁茁,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播亭病,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼鹅很,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了罪帖?” 一聲冷哼從身側(cè)響起促煮,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎整袁,沒想到半個月后菠齿,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡坐昙,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年绳匀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炸客。...
    茶點故事閱讀 40,928評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡襟士,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出嚷量,到底是詐尸還是另有隱情陋桂,我是刑警寧澤,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布蝶溶,位于F島的核電站嗜历,受9級特大地震影響宣渗,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜梨州,卻給世界環(huán)境...
    茶點故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一痕囱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧暴匠,春花似錦鞍恢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至窒典,卻和暖如春蟆炊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背瀑志。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工涩搓, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人劈猪。 一個月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓昧甘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親战得。 傳聞我的和親對象是個殘疾皇子疾层,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,937評論 2 361

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)贡避,斷路器痛黎,智...
    卡卡羅2017閱讀 134,720評論 18 139
  • 分享場景 在微信公眾號的前端網(wǎng)頁內(nèi), 我們以前經(jīng)常會看到分享到朋友圈或者是關(guān)注微信等按鈕, Click, 之后會彈...
    RenBob閱讀 17,666評論 3 8
  • 在微信服務(wù)號開發(fā)的時候經(jīng)常會遇到微信支付的功能實現(xiàn),通過實際經(jīng)驗自己總結(jié)了一下刮吧,前端在H5頁面調(diào)起微信支付有兩種辦...
    溫室尋荒涼閱讀 72,649評論 3 41
  • 本文基于工作使用學(xué)習(xí)莉兰,做的整理筆記當(dāng)我們進(jìn)行微信分享時洋闽,分享出去的效果,我們最容易發(fā)現(xiàn)的是沒有圖,那我們就埋一個3...
    SeasonDe閱讀 14,030評論 12 17
  • 隨著微信的升級许帐,關(guān)于微信的一些jssdk接口需通過簽名之后才可以使用娇跟,今天主要與大家講解一下前端如何調(diào)用jssdk...
    cyh_nini閱讀 4,458評論 7 7