登錄你的微信平台，點擊「公眾號設置」。
2
點擊「功能設置」，然後點擊「設置」。
3
設置JS介面安全域名。這里填寫的是一級域名，不帶www和http。最多可以設置三個域名。設置完後點擊確定。（多說一句，相比以前的分享沒有任何域名限制，這里設置安全域名，目的是為了當發現此公眾平台發現誘導分享行為時，可以根據此域名追溯到所有分享出去的鏈接，以及通過這些鏈接增加的粉絲。這樣，微信就可以牢牢控制了你的微信平台，一旦發現違規，讓分享鏈接失效，刪除掉誘導行為增加的粉絲，是瞬間就可以完成的。因此，微信平台的開發者，一定要合理來使用分享功能，不要因小失大。等到你的微信平台被封，估計哭都來不及）
4
在開發者中心中獲取你的AppID和AppSecret，接下來在獲取令牌時，需要這兩個信息。
5
獲取令牌。在伺服器端完成，代碼如下：
function wx_get_token() {
$token = S('access_token');
if (!$token) {
$res = file_get_contents('https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' .'你的AppID'.'&secret=' .'你的AppSecret');
$res = json_decode($res, true);
$token = $res['access_token'];
// 注意：這里需要將獲取到的token緩存起來（或寫到資料庫中）
// 不能頻繁的訪問https://api.weixin.qq.com/cgi-bin/token，每日有次數限制
// 通過此介面返回的token的有效期目前為2小時。令牌失效後，JS-SDK也就不能用了。
// 因此，這里將token值緩存1小時，比2小時小。緩存失效後，再從介面獲取新的token，這樣
// 就可以避免token失效。
// S()是ThinkPhp的緩存函數，如果使用的是不ThinkPhp框架，可以使用你的緩存函數，或使用資料庫來保存。
S('access_token', $token, 3600);
}
return $token;
}
注意：返回的access_token長度至少要留夠512位元組。介面返回值：
{"access_token":"ACCESS_TOKEN","expires_in":7200}
{"access_token":"vdlThyTfyB0N5eMoi3n_aMFMKPuwkE0MgyGf_0h0fpzL8p_-0kVHY33BykRC0YXZZZ-WdxEic4","expires_in":7200}
6
獲取jsapi的ticket。jsapi_ticket是公眾號用於調用微信JS介面的臨時票據。正常情況下，jsapi_ticket的有效期為7200秒，通過access_token來獲取。
function wx_get_jsapi_ticket(){
$ticket = "";
do{
$ticket = S('wx_ticket');
if (!empty($ticket)) {
break;
}
$token = S('access_token');
if (empty($token)){
wx_get_token();
}
$token = S('access_token');
if (empty($token)) {
logErr("get access token error.");
break;
}
$url2 = sprintf("https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=%s&type=jsapi",
$token);
$res = file_get_contents($url2);
$res = json_decode($res, true);
$ticket = $res['ticket'];
// 注意：這里需要將獲取到的ticket緩存起來（或寫到資料庫中）
// ticket和token一樣，不能頻繁的訪問介面來獲取，在每次獲取後，我們把它保存起來。
S('wx_ticket', $ticket, 3600);
}while(0);
return $ticket;
}
介面返回值：
{"errcode":0,"errmsg":"ok","ticket":"-I98-_YWtOQg","expires_in":7200}
7
簽名，將jsapi_ticket、noncestr、timestamp、分享的url按字母順序連接起來，進行sha1簽名。
noncestr是你設置的任意字元串。
timestamp為時間戳。
$timestamp = time();
$wxnonceStr = "任意字元串";
$wxticket = wx_get_jsapi_ticket();
$wxOri = sprintf("jsapi_ticket=%s&noncestr=%s×tamp=%s&url=%s",
$wxticket, $wxnonceStr, $timestamp,
'要分享的url(從http開始，如果有參數，包含參數）'
);
$wxSha1 = sha1($wxOri);
END
步驟2 添加JS代碼
生成簽名後，就可以使用js代碼了。在你的html中，進行如下設置即可。
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
// 微信配置
wx.config({
debug: false,
appId: "你的AppID",
timestamp: '上一步生成的時間戳',
nonceStr: '上一步中的字元串',
signature: '上一步生成的簽名',
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 功能列表，我們要使用JS-SDK的什麼功能
});
// config信息驗證後會執行ready方法，所有介面調用都必須在config介面獲得結果之後，config是一個客戶端的非同步操作，所以如果需要在 頁面載入時就調用相關介面，則須把相關介面放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的介面，則可以直接調用，不需要放在ready 函數中。
wx.ready(function(){
// 獲取「分享到朋友圈」按鈕點擊狀態及自定義分享內容介面
wx.onMenuShareTimeline({
title: '分享標題', // 分享標題
link:"分享的url,以http或https開頭",
imgUrl: "分享圖標的url,以http或https開頭" // 分享圖標
});
// 獲取「分享給朋友」按鈕點擊狀態及自定義分享內容介面
wx.onMenuShareAppMessage({
title: '分享標題', // 分享標題
desc: "分享描述", // 分享描述
link:"分享的url,以http或https開頭",
imgUrl: "分享圖標的url,以http或https開頭", // 分享圖標
type: 'link', // 分享類型,music、video或link，不填默認為link
});
});
</script>
❷ JavaScript中wx.config其中wx是什麼
這是微信介面用的吧,是微信內置瀏覽器里的一個內置全局對象,只能在微信內置的瀏覽器里生效的
❸ 微信網頁開發之JS-SDK完整步驟
在微信網頁開發中，JS-SDK的使用過程分為五個關鍵步驟。首先，你需要在微信公眾平台的「公眾號設置」-「功能設置」中填寫「JS介面安全域名」，並檢查對應介面許可權。接著，有兩條安裝方式：一是直接在頁面引入JS外鏈，如res.wx.qq.com/open/js/j...；二是通過npm安裝weixin-js-sdk或weixin-jsapi，導入wx模塊。
最重要的步驟是通過`config`介面進行許可權驗證配置。你需要確保頁面在使用JS-SDK前注入配置信息，其中debug和jsApiList可以在前端確定，而appId、nonceStr、signature和timestamp則由後端提供，你需要傳遞當前頁面URL給後端獲取這些參數，然後調用wx.config進行配置。注意，獲取URL時，記得使用window.location.href.split('#')[0]來截取URL。
配置成功後，你可以根據介面觸發方式，將相關操作放入`wx.ready()`或事件監聽中。如果遇到驗證失敗，可以藉助`wx.error()`來判斷，因為它的返回信息非常有用，如調用成功會顯示"xxx:ok"，用戶取消則為"xxx:cancel"，失敗時則是具體的錯誤信息。
總的來說，微信網頁開發的JS-SDK集成涉及前端與後端的配合，確保每個步驟都正確執行，才能成功實現各種微信交互功能。
❹ 微信開發者 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 。
❺ js處理微信分享配置
整理一下通過h5做微信分享相關配置。
登錄微信公眾號， 獲取AppID ， 配置白名單 ，然後 配置JS介面安全域名 。
登錄公眾號後，左側菜單欄選擇：開發 => 基本配置，直接復制開發者ID(AppID)即可：
注意使用公網IP
左側菜單欄選擇：設置 => 公眾號設置：
網頁授權主要是獲取微信openId使用，如果只是用分享操作，本步可以略過。
網頁授權介紹
大致步驟是：
在配置完前面AppId、白名單及安全域名後，開始處理網頁授權。
網頁授權這一塊兒內容主要是後端需要處理的內容較多，前端還是很簡單的，僅需要跳入微信鏈接即可。為什麼要走這一步呢因為有些操作，例如微信支付、播放微信錄音、獲取微信地址、微信卡券、商品、小店等等許多功能必須在微信瀏覽器匯總打開操作才可以，因此需要跳入微信瀏覽器及微信鏈接來處理後續操作。當配置後，鏈接便只有在微信瀏覽器中打開才會生效了，不然會提示：
鏈接如下：
https://open.weixin.qq.com/connect/oauth2/authorize?appid={$appId}&redirect_uri=={$URL}&response_type=code&scope=snsapi_base#wechat_redirect
參數分解
可見，上面需要填入的變數有二，一個是前面回去的AppId，另外一個則是url，需要寫的是與配置域名所對應域名下的url，並且要進行urlEncode編碼處理使用。
在拿到上述完整鏈接後，通過 window.location.href = ${url} 進行網頁授權即可。在授權成功後，頁面會重定向到自己設置的url頁面去，然後在該連接上會有code值，取出即可：
將拿到的code值傳給後端即可，看具體需求決定是否前端使用openId，如果非必要則不在前端獲取保存或者由後端加密後傳給前端使用。
大致分為五個步驟：
在步驟 1.3 中已經配置。
在需要調用JS介面的頁面引入如下JS文件： https://res.wx.qq.com/open/js/jweixin-1.6.0.js
備註：支持使用 AMD/CMD 標准模塊載入方法載入
配置需要如下幾個參數：
那這些參數從哪兒來呢？依舊不用擔心，依然是交給後端處理，後端返回時間戳、隨機串及簽名，其他的自己配置即可。
通過後端獲取需要進行一個小交互，將此時的鏈接地址(window.location.href)傳給後端即可。
於是就有了上述的除了最後一個以外的所有參數。最後一個 jsApiList 則是寫分享介面，如我們想要分享到朋友圈、QQ、騰訊微博這3個，那就寫：
可以發現，我們其實多配置了一個 checkJsApi ，這個是一個判斷配置，可以判斷當前客戶端版本是否支持指定JS介面。
簽名演算法
所有JS介面列表
接下來就可以寫分享信息配置了。配置信息一般都是通過 wx.ready 處理的:
例如我們要分享到朋友圈，配置則如下：
注意：不要出現 誘導分享
同樣，一般都是通過 wx.error 處理失敗相關信息：
其實微信分享（地理位置、掃一掃、卡券等微信各類介面）都是通過上述步驟配置的，可舉一反三，在面對不同需求時通過微信開發文檔來進行更為復雜的操作。
❻ 微信JSSDK的使用及小程序相關功能的使用
公眾號和小程序在日常的軟體開發中越來越常見, 但在使用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，實現公眾號與小程序的高效開發。