Html5頁(yè)面在微信端的分享-創(chuàng)新互聯(lián)

Html5頁(yè)面在微信端的分享？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、成都小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了城子河免費(fèi)建站歡迎大家使用！

一、獲取基本信息

找到已有公眾號(hào)的appid，根據(jù)這個(gè)appid和url向后端發(fā)起請(qǐng)求，拿到配置所需要的參數(shù)：timestamp、noncestr和signature。

二、實(shí)現(xiàn)

1、頁(yè)面引入JS-SDK文件

通過(guò)script標(biāo)簽，引入微信官網(wǎng)的JS-SDK文件

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>

2、基本配置

wx.config({
  debug: false, // 是否開(kāi)啟調(diào)試模式
  appId: appid, //appid
  timestamp: timestamp, // 時(shí)間戳
  nonceStr: noncestr, // 隨機(jī)字符串
  signature: signature, // 簽名
  jsApiList: [
    'onMenuShareTimeline',
    'onMenuShareAppMessage',
    'onMenuShareQQ',
    'onMenuShareWeibo',
    'onMenuShareQZone'
  ] // 需要使用的JS接口列表
})

3、使用

wx.ready(function(){
  // 分享給好友
  wx.onMenuShareAppMessage({
    title: title, // 分享標(biāo)題
    desc: desc, // 分享描述
    link: link, // 分享鏈接
    imgUrl: imgUrl, // 分享圖標(biāo)
    success: function () {
      doShareDone()
    },
    cancel: function () {
      doShareCancel()
    }
  })
  
 // 分享到朋友圈
  wx.onMenuShareTimeline({
    title: title, // 分享標(biāo)題
    link: link, // 分享鏈接
    imgUrl: imgUrl, // 分享圖標(biāo)
    success: function () {
      doShareDone()
    },
    cancel: function () {
      doShareCancel()
    }
  })
})

// 分享成功回調(diào)
function doShareDone () {
  console.log('分享成功')
}

// 取消分享回調(diào)
function doShareCancel () {
  console.log('取消了分享')
}

三、調(diào)試

wx.config里的debug字段設(shè)置為true時(shí)，就可以進(jìn)行調(diào)試。

調(diào)試要用到微信開(kāi)發(fā)者工具，選擇公眾號(hào)網(wǎng)頁(yè)項(xiàng)目，輸入頁(yè)面地址就可以了。

四、遇到的問(wèn)題及解決方案

微信JS-SDK說(shuō)明文檔的附錄5里有大部分問(wèn)題的解決方案，在這里我列出我遇到的幾個(gè)上面沒(méi)有給出解決方案的。

1、Uncaught TypeError: Cannot read property 'config' of undefined

解決：html頁(yè)面單獨(dú)引入了sdk，并且組件統(tǒng)一也引入了一遍sdk，導(dǎo)致問(wèn)題，刪除其中之一。

2、Uncaught (in promise) TypeError: Cannot read property 'ready' of undefined

解決：同問(wèn)題1。

3、invalid signature

解決：如果文檔里的方法都沒(méi)有解決這個(gè)問(wèn)題，還有一種方法，先設(shè)置一種最基礎(chǔ)的配置，使其config ok，然后再設(shè)置一遍自己需要的有各種參數(shù)的分享文案，這樣能繞過(guò)配置，成功分享。說(shuō)的可能有點(diǎn)拗口，簡(jiǎn)單點(diǎn)理解就是，頁(yè)面只要有一個(gè)config成功的配置，就可以再繼續(xù)配置其它分享，哪怕這個(gè)分享配置的signature無(wú)效。

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，的支持。

文章標(biāo)題：Html5頁(yè)面在微信端的分享-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://bm7419.com/article14/diodge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷推廣、ChatGPT、云服務(wù)器、域名注冊(cè)、網(wǎng)站營(yíng)銷、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)