整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
基本配置1.設置—公眾號設置—功能設置—配置JS接口安全域名
安全域名配置規則如下
2.開發—基本配置
開發者密碼第一次使用需要重新設置
記錄 開發者ID(AppID) 開發者密碼（）后面會用到
3.IP白名單配置
推薦填寫當前本地開發IP地址和服務器IP地址
本地開發地址獲取方式
服務器IP地址（根據自己的服務器Ip地址自行填寫）
多個IP地址填寫用回車隔開
4重要的一步
在：微信公眾號-開發-接口權限查看想要調用的開發接口是否可用
如果有相關接口權限無法開啟，推薦使用：微信公眾平臺-開發-開發者工具-公眾平臺測試帳號開發
開始開發1.引入JS文件
在需要調用JS接口的頁面引入如下JS文件，（支持https）：
2通過config接口注入權限驗證配置（最重要的一步）
wx.config({
debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
appId: '', // 必填，公眾號的唯一標識
timestamp: , // 必填，生成簽名的時間戳
nonceStr: '', // 必填，生成簽名的隨機串
signature: '',// 必填，簽名
jsApiList: [] // 必填，需要使用的JS接口列表
});appID（前面在微信公眾號基本配置中已經拿到了）
:['','eData'] (例：上傳圖片接口,和自定義分享接口)
簽名算法（微信官方提供）
生成簽名之前必須先了解一下，是公眾號用于調用微信JS接口的臨時票據。正常情況下，的有效期為7200秒，通過來獲取。由于獲取的api調用次數非常有限，頻繁刷新會導致api調用受限，影響自身業務，開發者必須在自己的服務全局緩存 。
參考以下文檔獲?。ㄓ行?200秒，開發者必須在自己的服務全局緩存）：用第一步拿到的 采用http GET方式請求獲得（有效期7200秒，開發者必須在自己的服務全局緩存）：2.1簽名獲取拆解第一步GET請求
的有效期為7200秒（不必反復請求）
appid 和 secret 在前面的基本配置中其實都已經拿到。但是由于開發者密碼（）是校驗公眾號開發者身份的密碼，具有極高的安全性。不能直接暴露在前端代碼中，所以的請求需在后端完成，這里簽名的生成過程都在后端完成。
當前以node搭建后端服務
//獲取到access_token示例
var url = `https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${appid}&secret=${secret}`;
request(url, function (error, response, body) {
if (!error && response.statusCode == 200) {
console.log("access_token值" +JSON.parse(body).access_token)
}
});第二步GET請求
的有效期為7200秒（不必反復請求）
用第一步獲取到的的值進行請求
//
var url = `https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=${access_token}&type=jsapi`
request(url, function (error, response, body) {
if (!error && response.statusCode == 200) {
console.log("jsapi_ticket值" + JSON.parse(body).ticket);
}
});第三步生成算法簽名
const = (Date.now() / 1000) //生成簽名的時間戳
const = Math.random().(36).substr(2, 15) //生成簽名的隨機串
let //在第二步生成
let url//簽名用的url必須是調用JS接口頁面的完整URL（前端請求服務端接口帶入）
const sha1 = require('sha1')//這里需要引入一個插件npm install sha1
router.get('/', (req, res, next) => {
const url = decodeURIComponent(req.query.url)//這里的url采用前端加密，后端解密的形式獲取
const timestamp = parseInt(Date.now() / 1000)
const nonceStr = Math.random().toString(36).substr(2, 15)
let jsapi_ticket = "在第二步拿到了"
const params = {
nonceStr,
jsapi_ticket,
timestamp,
url
}
const string = Object.keys(params).sort().map(key => `${key.toLowerCase()}=${params[key]}`).join('&')
const signature = sha1(string)//生成的簽名
res.status(200).json({//將參數返回給前端
timestamp,
signature,
nonceStr
});
})
module.exports = router;
3前端靜態頁面實際調用
Document
分享頁面
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script>
function wxFN(){
$.ajax({
type: "get",
url: `http://*************/api/wx?url=${encodeURIComponent(location.href.split('#')[0])}`,
success: function(data) {
console.log(data);
wx.config({
debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
appId: data.appId, // 必填，公眾號的唯一標識
timestamp: data.timestamp, // 必填，生成簽名的時間戳
nonceStr: data.nonceStr, // 必填，生成簽名的隨機串
signature: data.signature, // 必填，簽名
jsApiList: ['updateAppMessageShareData'] // 必填，需要使用的JS接口列表
});
}
});
}
wxFN()
wx.ready(function() { //需在用戶可能點擊分享按鈕前就先調用
wx.updateAppMessageShareData({
title: '', // 分享標題
desc: '', // 分享描述
link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號JS安全域名一致
imgUrl: '', // 分享圖標
success: function() {
alert("成功")
// 設置成功
}
})
});
wx.error(function(res) {
console.log('err', res)
});
</script>
4常見錯誤及解決方法(微信提供)
調用config 接口的時候傳入參數 debug: true 可以開啟debug模式，頁面會alert出錯誤信息。以下為常見錯誤及解決方法：
invalid url domain當前頁面所在域名與使用的appid沒有綁定，請確認正確填寫綁定的域名，僅支持80（http）和443（https）兩個端口，因此不需要填寫端口號（一個appid可以綁定三個有效域名，見 ]目錄1.1.1）。
invalid 簽名錯誤。建議按如下順序檢查：
確認簽名算法正確，可用頁面工具進行校驗。確認config中（js中駝峰標準大寫S）, 與用以簽名中的對應, 一致。確認url是頁面完整的url(請在當前頁面alert(.href.split('#')[0])確認)，包括'http(s)/'部分，以及'？'后面的GET參數部分,但不包括'#'hash后面的部分。確認 config 中的 appid 與用來獲取 的 appid 一致。確保一定緩存和。確保你獲取用來簽名的url是動態獲取的，動態頁面可參見實例代碼中php的實現方式。如果是html的靜態頁面在前端通過ajax將url傳到后臺簽名，前端需要用js獲取當前頁面除去'#'hash部分的鏈接（可用.href.split('#')[0]獲取,而且需要），因為頁面一旦分享，微信客戶端會在你的鏈接末尾加入其它參數，如果不是動態獲取當前鏈接，將導致分享后的頁面簽名失敗。
the value is offline 這個錯誤是因為config沒有正確執行，或者是調用的JSAPI沒有傳入config的參數中。建議按如下順序檢查：
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
