在微信網頁開發中，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 。
微信小程序實例index.js代碼如下：
可以搜索小程序名稱： 快遞最後一公里
實例index.js代碼
var app = getApp();
Page({
/**
* 頁面的初始數據
*/
data: {
//三張圖片輪播
imgUrls: [
{
imageUrl: '/images/weicha/timg1.jpg',
},
{
imageUrl: '/images/weicha/timg2.jpg',
},
{
imageUrl: '/images/weicha/timg3.jpg',
}
],
indicatorDots: false,
autoplay: false,
interval: 5000,
ration: 800,
},
onSwiperTab: function (e) {
/*var postId = e.target.dataset.postId;
wx.navigateTo({
url: postId,
});*/
},
/**
* 生命周期函數--監聽頁面載入
*/
onLoad: function (options) {
app.loginWinCha(this.initPageData);
},
//初始化登錄才能查看的數據
initPageData: function () {
this.setData({
componentList: [
{
id: 1,
url: '../weicha/express/courier/index',
imageUrl: '/images/weicha/timg1_1.jpg',
title: '快遞小哥(送快遞)',
queryType: 'courier'
},
{
id: 2,
url: '../weicha/express/seller/index',
imageUrl: '/images/weicha/timg1_2.jpg',
title: '合作商家(代收快遞)',
queryType: 'seller'
},
{
id: 3,
url: '../weicha/express/personal/index',
imageUrl: '/images/weicha/timg1_3.jpg',
title: '收件人(簽收快遞)'
},
{
id: 4,
url: '../weicha/express/logistics/index',
imageUrl: '/images/weicha/timg1_4.jpg',
title: '快遞物流查詢'
}
]
});
},
onItemClick: function (e) {
var targetUrl = e.currentTarget.dataset.pay;
var targetQueryType = e.currentTarget.dataset.index;
if (targetQueryType == "seller") {
var reqData = {
seller_openId: app.globalData.openid,
status: '2'
};
this.queryDBUtil("sellerInfo", reqData, targetQueryType, targetUrl,
"親，您暫未申請商家,請提交商家申請！");
} else if (targetQueryType == "courier") {
var reqData = {
courier_openId: app.globalData.openid,
status: '2'
};
this.queryDBUtil("courierInfo", reqData, targetQueryType, targetUrl,
"親，您暫未申請快遞員,請提交快遞員申請！");;
} else {
wx.navigateTo({
url: targetUrl
});
}
},
queryDBUtil: function (reqCollectionName, reqData,queryType, retUrl,retMgs){
wx.cloud.callFunction({
name: "utilsDB",
data: {
collectionName: reqCollectionName,
collectionWhere: reqData
},
complete: res => {
let retStatus = '1';
if (res.result.data.length >= 1) {
retStatus = res.result.data[0].status;
}
if (retStatus == '2') {
if (queryType == "seller"){
app.globalData.seller = res.result.data[0];
} else if (queryType == "courier"){
app.globalData.courier = res.result.data[0];
}
wx.navigateTo({
url: retUrl
});
} else {
wx.showToast({
icon: 'none',
title: retMgs
});
}
},
fail: err => {
wx.showToast({
icon: 'none',
title: retMgs
});
}
});
}
})
㈣ 哪裡有微信小程序開發教程求助
第一步：下載微信小程序開發者工具並安裝，下載路徑：
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
進到下載界面後，根據自己的操作系統選擇相應的鏈接進行下載，下載完成後進行安裝。
第二步：登錄工具
開發者工具安裝完成後我們就可以將其打開，初次打開會需要用微信掃碼登錄，用手機微信掃一掃後確認登錄就可以了。
第三步：創建一個項目
登錄成功後，如果是第一次使用該工具會彈出創建項目的窗口，
在創建過程中，如果選擇的本地文件夾是個空文件夾會出來一個勾選項「在當前目錄中創建quick start項目」，為方便初學者了解微信小程序的基本代碼結構，請勾選此項，勾選後，開發者工具會幫助我們在開發目錄里生成一個簡單的 demo，
第四步：項目代碼結構解釋
點擊開發者工具左側導航的「編輯」，我們可以看到這個項目，已經初始化並包含了一些簡單的代碼文件。最關鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個。其中，.js後綴的是腳本文件，.json後綴的文件是配置文件，.wxss後綴的是樣式表文件。微信小程序會讀取這些文件，並生成小程序實例
㈤ 微信小程序開發者工具如何在js中導入圖片
1、首先預備好外部想要引入的外部文件，命名為util.js,並且填充固定的文件內容(普通是固定的庫)。
2、其次打開util.js ，持續填寫重要內容將要利用的方法用mole.exports給暴顯露來。
3、然後將外部js放在指定的文件夾utils里(utils 規定寄存js庫和數字格式化文件)。
4、最後在想要用到這個方法的js裡面 require這個js，然後調用即可。
㈥ 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 處理失敗相關信息：
其實微信分享（地理位置、掃一掃、卡券等微信各類介面）都是通過上述步驟配置的，可舉一反三，在面對不同需求時通過微信開發文檔來進行更為復雜的操作。
㈦ 微信公眾平台js sdk分享代碼，獲取令牌。在伺服器端完成
以橫條廣告為例的廣告插入實現，插屏廣告同理，積分牆廣告待續。
工具/原料
SDK
方法/步驟
注冊下載SDK
創建項目，創建完成項目後、將會得到應用ID、應用密鑰這兩個字元串：
將下載下來的庫添加到本地項目中，選擇選項：
其次添加依賴框架、這步很重要，
所要添加的依賴框架框架：
AdSupport.framework
Security.framework
StoreKit.framework
ImageIO.framework
MapKit.framework
QuartzCore.framework
SystemConfiguration.framework
CoreTelephony.framework
CoreGraphics.framework
添加完成、編譯....
最後代碼實現...顯示橫幅廣告
這里需要做3件事：
1）首先要到AppController.mm
中初始化代理
2）調用initQuMiGuangGao初始化方法
3）顯示廣告橫幅
<1>
將所要現實的那個.cpp文件改成.mm文件
<2>
在.mm文件中把頭文件包含進來