本文目錄一覽:
- 1、微信公眾號的服務如何設置?
- 2、微信公眾號開發之如何使用JSSDK
- 3、微信朋友圈JSSDK分享自定義圖片文字
- 4、asp和JS怎麼結合使用
- 5、asp.net如何調用微信的js接口
- 6、微信開發者 jssdk怎麼使用
微信公眾號的服務如何設置?
展開快訊
登錄
首頁
專欄
問答
沙龍
團隊主頁
TVP
返回騰訊雲官網
微信公眾號後台服務器配置教程
本文是以主要是以 語言開發的後台,其它語言的類似
一、服務器地址配置
微信公眾號開發第一步,就是需要配置開發的服務器地址,如下圖
weichat-server-1
對應的服務器端代碼
上面的 是指定 微信相關的處理到統一個文件路口。
二、JSSDK 域名設置
當我們需要在頁面中調用微信的功能接口時,就需要用到微信提供的 庫,這時就需要在服務器端配置對應的域名地址。
注意:設置的域名必須是要備案的域名
weichat-jssdk
對應的服務器端代碼
如上圖所示,我設置的域名是 ,在後台認證時會去訪問 該文件,這樣我們就需要把該文存放的路徑設置為可以訪問的。這裡使用了 函數。
三、網頁授權域名設置
當我們在公眾中需要跳轉頁面時,如果該頁面的域名地址沒有在微信後台中配置,在每次跳轉時都會有個安全提示頁面出現,這樣用戶體驗相當不好,這時我們就需要設置對應的域名地址。
展開快訊
登錄
首頁
專欄
問答
沙龍
團隊主頁
TVP
返回騰訊雲官網
微信公眾號後台服務器配置教程
本文是以主要是以 語言開發的後台,其它語言的類似
一、服務器地址配置
微信公眾號開發第一步,就是需要配置開發的服務器地址,如下圖
weichat-server-1
對應的服務器端代碼
上面的 是指定 微信相關的處理到統一個文件路口。
二、JSSDK 域名設置
當我們需要在頁面中調用微信的功能接口時,就需要用到微信提供的 庫,這時就需要在服務器端配置對應的域名地址。
注意:設置的域名必須是要備案的域名
weichat-jssdk
對應的服務器端代碼
如上圖所示,我設置的域名是 ,在後台認證時會去訪問 該文件,這樣我們就需要把該文存放的路徑設置為可以訪問的。這裡使用了 函數。
三、網頁授權域名設置
當我們在公眾中需要跳轉頁面時,如果該頁面的域名地址沒有在微信後台中配置,在每次跳轉時都會有個安全提示頁面出現,這樣用戶體驗相當不好,這時我們就需要設置對應的域名地址。
微信公眾號開發之如何使用JSSDK
微信開發交流群:148540125
歡迎留言、轉發、打賞
系列文章參考地址 極速開發微信公眾號
項目源碼參考地址 點我點我–歡迎Start
服務號、訂閱號可以通過登錄 微信公眾平台 查看 開發接口權限
使用JSSDK主要包括
1、判斷當前客戶端版本是否支持指定JS接口、
2、分享接口(微信認證)
3、圖像接口
4、音頻接口
5、智能接口(識別語音並返回結果)
6、設備信息(獲取網絡狀態)
7、地理位置
8、界面操作
9、微信掃一掃
10、微信小店(服務號必須通過微信認證)
11、微信卡券 (微信認證)
12、微信支付(服務號必須通過微信認證)
官方參考文檔
步驟一:綁定域名
先登錄微信公眾平台進入 公眾號設置 的 功能設置 里填寫 JS接口安全域名 。
步驟二:引入JS文件
在需要調用JS接口的頁面引入如下JS文件,(支持https):
如需使用搖一搖周邊功能,請引入
備註:支持使用 AMD/CMD 標準模塊加載方法加載
步驟三:通過config接口注入權限驗證配置
簽名算法生成規則
請 官方參考文檔
下面具體來講講 開源項目 weixin_guide 中的封裝。
使用的時候只要在Controller方法上添加一個攔截器 JSSDKInterceptor 來實現簽名驗證再將 wx.config 需要的參數設置對應的屬性在頁面上進行獲取。
攔截器實現如下:
在Controller中使用
JSP頁面上面使用
測試結果
在AppConfig 中添加路由 me.add(“/jssdk”, JSSDKController.class,”/view”); 手機中訪問 http://域名[/項目名稱]/jssdk ,如果設置了 debug= true 成功了就會彈出
如果出現 {“errorMsg”:”config:invalid url domian”} 請檢查 步驟一:綁定域名 與你訪問的域名是否在安全域名列表當中
步驟四:通過ready接口處理成功驗證
步驟五:通過error接口處理失敗驗證
步驟六:接口調用
攔截器具體實現 參考地址 點這裡
js 接口調用參考地址 點這裡
以上就是JSSDK使用的介紹。
歡迎留言、轉發、打賞項目
源碼參考地址 點我點我–歡迎Start
微信朋友圈JSSDK分享自定義圖片文字
1、在微信公眾號添加安全域名(製作的H5頁面的主域名);
測試階段,本人是通過修改hosts文件,將對應域名解析為127.0.0.1 ; 然後將電腦和手機連接至同個局域網下。修改手機代理為電腦在局域網內的IP地址;這樣手機就能正常進行測試;
2、引入jssdk script src=”
3、配置jssdk,成功後方可使用相關功能,方式如下
wx.config({
debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會打印。
appId: ‘XX’, // 必填,公眾號的唯一標識
timestamp: XX, // 必填,生成簽名的時間戳
nonceStr: xx, // 必填,生成簽名的隨機串
signature: xx, // 必填,簽名,見附錄1
jsApiList: [‘onMenuShareTimeline’,’onMenuShareAppMessage’] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2
});
第一次接觸時看到網上的文章在此對signature沒有過多的說明,這裡我自己大概說一下,此參數是通過獲取公眾號的id及secret獲取 access _token,然後通過 access _token獲取jsapi_ticket,然後通過時間戳,隨機串,當前頁面url,通過sha1加密生成;(這裡做下說明,此步驟由後台處理後返回給前端即可);
剛接觸的時候領導認為純前端可實現,這。。。確實可以實現,這裡就不做過多說明了;至於要後端處理的原因大致為兩點1、公眾號id和secret在前端實現不安全 2、 access _token和jsapi_ticket每日有請求次數的限制,過期時間兩小時,所以需要後台在服務器緩存,每兩小時獲取一次;
4、wx.config配置正確即可通過wx.ready來調用相應功能
wx.ready(function() {
wx.onMenuShareTimeline({ //分享朋友圈
title: ‘X’, // 分享標題
link: window.location.href, // 分享鏈接
imgUrl: url, // 分享圖標
success: function() {
// 用戶確認分享後執行的回調函數
console.log(‘分享成功了喲喲喲’)
},
cancel: function() {
// 用戶取消分享後執行的回調函數
}
});
wx.onMenuShareAppMessage({ // 好友分享
title: ”, // 分享標題
desc: ”, // 分享描述
link: window.location.href, // 分享鏈接
imgUrl: ”, // 分享圖標
success: function () {
// 用戶確認分享後執行的回調函數
},
cancel: function () {
// 用戶取消分享後執行的回調函數
}
});
});
總結:其實對於前端要處理的很少,只要從後台獲取signature簽名,調用方法即可實現;具體可看官方文檔;首次接觸的小夥伴不要被嚇到,就是如此簡單;
asp和JS怎麼結合使用
asp是服務器端腳本,js是瀏覽器的腳本,你通過asp決定頁面中有什麼,js決定如何根據用戶的動作做出響應,當然也可以通過post來響應用戶的請求。
你寫的js腳本中,盡量將asp% … %中輸出的內容作為參數來使用,函數中盡量保存一致。代碼寫的有問題,可能是思路沒對上,例如:
function jumpiframe(%=i%){
經過asp處理也許會變成:
function jumpiframe(1){
還是定義成:
function jumpiframe(frameid){
在調用處再提供參數:
jumpiframe(%=id%);
這樣好點。
asp.net如何調用微信的js接口
一,首先在公眾號管理後台“公眾號設置”的“功能設置”里填寫JS接口安全域名,域名需要通過ICP備案,沒有備案域名可以用SAE、BAE等平台。此外,自定義分享功能需要通過 認證才能使用,沒有認證的可以跟關係好的朋友借用權限,在他的JS接口安全域名設置這裡填上你的域名和共享同一個開發者ID。二,在需要調用JS接口的頁面引入 JSSDK的JS文件:這個文件在需要分享的頁面是必須要引用的,單獨特別重申一下,其他方面請閱讀官方文檔。
微信開發者 jssdk怎麼使用
、先登錄微信公眾平台進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。
備註:登錄後可在“開發者中心”查看對應的接口權限。
2、頁面引入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 。
原創文章,作者:ZS4PM,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/130591.html