公眾號和小程序在日常的軟體開發中越來越常見, 但在使用H5內嵌的方式進行開發時，公眾號與小程序的分享功能實現方式存在差異。公眾號分享需藉助微信提供的SDK，而小程序的分享功能則相對更為直接。
小程序分享較為簡單，通常在頁面生命周期中設置 onShareAppMessage 函數即可實現。而公眾號分享則需要調用微信JS-SDK，以獲取微信特有的能力，如分享、掃一掃、卡券、支付等。
微信 JS-SDK 是為網頁開發者提供的基於微信內的網頁開發工具包，幫助開發者實現包括拍照、選圖、語音、位置等手機系統功能，並直接使用微信特有的能力，為微信用戶提供更優質的體驗。
使用微信 JS-SDK 的基本步驟如下：
1. **綁定域名**：進入微信公眾平台的「公眾號設置」-「功能設置」，填寫「JS介面安全域名」。
2. **引入 JS 文件**：在需要調用 JS 介面的頁面引入指定的 JS 文件，支持 HTTPS。
3. **注入許可權驗證配置**：所有需要使用 JS-SDK 的頁面必須先注入配置信息，以確保調用成功。
4. **處理成功驗證**：通過 ready 介面處理成功驗證。
5. **處理失敗驗證**：通過 error 介面處理驗證失敗的情況。
6. **判斷客戶端版本**：在執行任何 JS 介面調用之前，應先判斷當前客戶端版本是否支持指定的 JS 介面。
7. **調用分享功能**：在通過上述步驟驗證成功後，可以調用 wx 對象（或 jWeixin 對象）來實現分享功能。
此外，微信 JS-SDK 提供了多種介面，用於獲取用戶信息、調用微信支付、生成二維碼等，具體用法請參考官方文檔。
希望以上信息能幫助開發者更好地理解和使用微信 JS-SDK，實現公眾號與小程序的高效開發。
2. 微信開發者 jssdk怎麼使用
、先登錄微信公眾平台進入「公眾號設置」的「功能設置」里填寫「JS介面安全域名」。
備註：登錄後可在「開發者中心」查看對應的介面許可權。
2、頁面引入JS:http://res.wx.qq.com/open/js/jweixin-1.0.0.js
3、所有需要使用JS-SDK的頁面必須先注入配置信息
wx.config({
debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會列印。
appId: '', // 必填，公眾號的唯一標識
timestamp: , // 必填，生成簽名的時間戳
nonceStr: '', // 必填，生成簽名的隨機串
signature: '',// 必填，簽名，見附錄1
jsApiList: [] // 必填，需要使用的JS介面列表，所有JS介面列表見附錄2
});
4、簽名演算法
生成簽名之前必須先了解一下jsapi_ticket，jsapi_ticket是公眾號用於調用微信JS介面的臨時票據。正常情況下，jsapi_ticket的有效期為7200秒，通過access_token來獲取。由於獲取jsapi_ticket的api調用次數非常有限，頻繁刷新jsapi_ticket會導致api調用受限，影響自身業務，開發者必須在自己的服務全局緩存jsapi_ticket 。
3. 在vuejs中引入微信JS SDK的最佳方式是怎麼樣的
關鍵在於你調用wx.onMenuShareAppMessage的時機，如果是非SPA的vue.js應用，wx.config放到ready鉤子里執行，然後將wx.onMenuShareAppMessage包在wx.ready方法內，以保證其在微信JSSDK獲取到此介面許可權時再注冊事件。在此之前可以通過一些過渡效果延緩頁面載入。
var example1 = new Vue({ el: '#example-1', data: {
}, ready: function() { this.$http.get({ url: 'api/wx/tokenSignature', data: { url: mui.os.ios === true? window.url : (location.protocol + '//' + location.host + '/wx' + url)
}, success: function(json) {
wx.config({ debug: false, appId: json.appId, timestamp: parseInt(json.timestamp), nonceStr: json.nonce, signature: json.signature, jsApiList: [ 'onMenuShareAppMessage'
]
});
wx.ready(function () {
wx.onMenuShareAppMessage({ success: function () {
// 用戶確認分享後執行的回調函數
}, cancel: function () {
// 用戶取消分享後執行的回調函數
}
});
});
}
})
}
})
如果你用到了vue-router，那麼JSSDK時好時壞的的情況在Android下是肯定會發生的，wx.config也需要在適當的鉤子函數里執行，重點在於vue-router切換view時url的變化。