麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > JavaScript > 正文

微信WeixinJSBridge API使用實例

2024-05-06 16:20:47
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了微信WeixinJSBridge API使用實例,本文直接給出HTML代碼,代碼中包含了很多實用功能,如圖片預覽、分享到微博、隱藏右上角按鈕、獲取網絡狀態、發起公眾號微信支付等內容,需要的朋友可以參考下

注意：請在微信中測試

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <title>微信WeixinJSBridge API</title>  
  5. <meta charset="utf-8" />  
  6. <script type="text/javascript"> 
  7. (function(){ 
  8. var a=document.getElementsByTagName("html")[0]; 
  9. window.Session={appDomain:a.getAttribute("data-app-domain")||"",staticDomain:a.getAttribute("data-static-domain")||""} 
  10. })(); 
  11.  
  12. window.registNS=function(fullNS,isIgnorSelf){ 
  13. var reg=/^[_$a-z]+[_$a-z0-9]*/i;var nsArray=fullNS.split("."); 
  14. var sEval=""; 
  15. var sNS=""; 
  16. var n=isIgnorSelf?nsArray.length-1:nsArray.length; 
  17. for(var i=0;i<n;i++){ 
  18. if(!reg.test(nsArray[i])){throw new Error("Invalid namespace:"+nsArray[i]+""); 
  19. return 
  20. } 
  21. if(i!=0){sNS+="."} 
  22. sNS+=nsArray[i]; 
  23. sEval+="if(typeof("+sNS+")=='undefined') "+sNS+"=new Object(); 
  24. else "+sNS+";" 
  25. } 
  26. if(sEval!=""){ 
  27. return eval(sEval) 
  28. } 
  29. return{} 
  30.  
  31. }; 
  32.  
  33. </script>  
  34. </head>  
  35. <body> 
  36. <section class="mod-page-body">  
  37. <div class="mod-page-main wordwrap clearfix">  
  38. <div class="mod-pageheader"></div>  
  39. <div class="mod-pagecontent">  
  40. <div class="mod-weixinjsapi">  
  41. <div class="x-desc"> 
  42. 微信客戶端自帶的Js Api：WeixinJSBridge 
  43. </div>  
  44. <div id="WeixinJsApi">  
  45. <input type="button" id="imagePreview" value="圖片預覽" />  
  46. <input type="button" id="profile" value="查看profile" />  
  47. <a href="weixin://profile/gh_412d74fbb474">企業微信小助手</a>  
  48. <input type="button" id="shareWeibo" value="分享微博" />  
  49. <input type="button" id="shareFB" value="分享facebook" />  
  50. <input type="button" id="addContact" value="添加聯系人" />  
  51. <input type="button" id="scanQRCode" value="掃描二維碼" />  
  52. <input type="button" id="jumpToBizProfile" value="跳轉到指定公眾賬號頁面" />  
  53. <input type="button" id="toggleMenuBtn" value="隱藏右上角按鈕" />  
  54. <input type="button" id="toggleToolbar" value="隱藏底部導航欄" />  
  55. <input type="button" id="getNetType" value="獲取網絡狀態" />  
  56. <input type="button" id="closeWindow" value="關閉" />  
  57. <input type="button" id="getBrandWCPayRequest" value="發起公眾號微信支付" />  
  58. <input type="button" id="setPageState" value="設置頁面狀態" />  
  59. <input type="button" id="sendEmail" value="發郵件" />  
  60. <input type="button" id="openSpecificView" value="微信團隊打開webView,跳到指定頁面" />  
  61. <input type="button" id="getCanIAPPay" value="getCanIAPPay" />  
  62. <input type="button" id="getBrandIAPPayRequest" value="發起公眾號IAP支付" />  
  63. <input type="button" id="openUrlByExtBrowser" value="用safari打開指定鏈接" />  
  64. <input type="button" id="openProductView" value="跳轉微信商品頁" />  
  65. <input type="button" id="openLocation" value="查看地理位置" />  
  66. <input type="button" id="timelineCheckIn" value="朋友圈簽到" />  
  67. <input type="button" id="getBrandWCPayCreateCreditCardRequest" value="開通微信信用卡" />  
  68. <input type="button" id="geoLocation" value="獲取地理位置" />  
  69. <input type="button" id="getInstallState" value="獲取某app是否安裝" />  
  70. <input type="button" id="editAddress" value="公眾號編輯收貨地址" />  
  71. <input type="button" id="getLatestAddress" value="公眾號獲取最近的收貨地址" />  
  72. <input type="button" id="launch3rdApp" value="啟動第三方APP" />  
  73. <input type="button" id="jumpWCMall" value="跳轉微信商品購買界面" />  
  74. <input type="button" id="addEmoticon" value="添加表情" />  
  75. <input type="button" id="cancelAddEmoticon" value="取消下載某表情" />  
  76. <input type="button" id="hasEmoticon" value="查詢是否存在某表情" />  
  77. </div>  
  78. </div>  
  79. </div>  
  80. </div>  
  81. </section>  
  82. <script> 
  83. function onBridgeReady() { 
  84. WeixinJSBridge.on('menu:share:appmessage', function(argv)  
  85. { 
  86. WeixinJSBridge.invoke('sendAppMessage',{ 
  87. "link":"http://m.exmail.qq.com/", 
  88. "desc":"desc", 
  89. "title":"title for WeiXinJsBridge" 
  90. }, function(res) { 
  91. WeixinJSBridge.log(res.err_msg); 
  92. }); 
  93. }); 
  94. WeixinJSBridge.on('menu:share:timeline', function(argv)  
  95. { 
  96. WeixinJSBridge.invoke("shareTimeline",{ 
  97. "link":"http://m.exmail.qq.com", 
  98. "img_url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png", 
  99. "img_width":"172", 
  100. "img_height":"40", 
  101. "desc":"i am description", 
  102. "title":"just test from WeixinJsBridge" 
  103. }, 
  104. function(e){ 
  105. alert(e.err_msg); 
  106. }) 
  107. }); 
  108. } 
  109.  
  110. if (typeof WeixinJSBridge === "undefined"){ 
  111. if (document.addEventListener){ 
  112. document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); 
  113. } 
  114. }else{ 
  115. onBridgeReady(); 
  116. } 
  117.  
  118. var menuHidden=!1,toolbarHidden=!1,netType={"network_type:wifi":"wifi網絡","network_type:edge":"非wifi,包含3G/2G","network_type:fail":"網絡斷開連接","network_type:wwan":"2g或者3g"}; 
  119. document.addEventListener("WeixinJSBridgeReady",function(){ 
  120. document.getElementById("imagePreview").addEventListener( 
  121. "click",function(){ 
  122. WeixinJSBridge.invoke("imagePreview",{ 
  123. "urls":[ 
  124. "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png", 
  125. "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png", 
  126. "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_workStyle1ca3fe.png" 
  127. ], 
  128. "current":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png" 
  129. }) 
  130. },!1), 
  131. document.getElementById("profile").addEventListener( 
  132. "click",function(){ 
  133. alert("profile clicked"); 
  134. WeixinJSBridge.invoke("profile",{ 
  135. "username":"gh_412d74fbb474", 
  136. "nickname":"企業微信小助手"  
  137. }) 
  138. },!1), 
  139. document.getElementById("shareWeibo").addEventListener( 
  140. "click",function(){ 
  141. WeixinJSBridge.invoke("shareWeibo",{ 
  142. "type":"link", 
  143. "link":"http://m.exmail.qq.com" 
  144. }, 
  145. function(e){ 
  146. alert(e.err_msg); 
  147. }) 
  148. },!1), 
  149. document.getElementById("shareFB").addEventListener( 
  150. "click",function(){ 
  151. WeixinJSBridge.invoke("shareFB",{ 
  152. "link":"http://m.exmail.qq.com" 
  153. }) 
  154. },!1), 
  155. document.getElementById("scanQRCode").addEventListener( 
  156. "click",function(){ 
  157. WeixinJSBridge.invoke("scanQRCode",{ 
  158. }) 
  159. },!1), 
  160. document.getElementById("addEmoticon").addEventListener( 
  161. "click",function(){ 
  162. WeixinJSBridge.invoke("addEmoticon",{ 
  163. "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png", 
  164. "thumb_url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png" 
  165.  
  166. }, 
  167. function(e){ 
  168. alert(e.err_msg); 
  169. }) 
  170. },!1), 
  171. document.getElementById("cancelAddEmoticon").addEventListener( 
  172. "click",function(){ 
  173. WeixinJSBridge.invoke("cancelAddEmoticon",{ 
  174. "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png" 
  175.  
  176. }, 
  177. function(e){ 
  178. alert(e.err_msg); 
  179. }) 
  180. },!1), 
  181. document.getElementById("hasEmoticon").addEventListener( 
  182. "click",function(){ 
  183. WeixinJSBridge.invoke("hasEmoticon",{ 
  184. "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png" 
  185.  
  186. }, 
  187. function(e){ 
  188. alert(e.err_msg); 
  189. }) 
  190. },!1), 
  191. document.getElementById("addContact").addEventListener( 
  192. "click",function(){ 
  193. WeixinJSBridge.invoke("addContact",{ 
  194. "webtype":"1", 
  195. "username":"gh_412d74fbb474" 
  196. }, 
  197. function(e){ 
  198. alert(e.err_msg); 
  199. }) 
  200. },!1), 
  201. document.getElementById("jumpToBizProfile").addEventListener( 
  202. "click",function(){ 
  203. WeixinJSBridge.invoke("jumpToBizProfile",{ 
  204. "tousername":"gh_2248a2ade13e" 
  205. }, 
  206. function(e){ 
  207. alert(e.err_msg); 
  208. }) 
  209. },!1), 
  210. document.getElementById("toggleMenuBtn").addEventListener( 
  211. "click",function(){ 
  212. menuHidden? 
  213. (WeixinJSBridge.call("showOptionMenu"),menuHidden=!1,this.value="隱藏右上角按鈕") 
  214. : 
  215. (WeixinJSBridge.call("hideOptionMenu"),menuHidden=!0,this.value="顯示右上角按鈕") 
  216. },!1), 
  217. document.getElementById("toggleToolbar").addEventListener( 
  218. "click",function(){ 
  219. toolbarHidden? 
  220. (WeixinJSBridge.call("showToolbar"),toolbarHidden=!1,this.value="隱藏底部導航欄") 
  221. : 
  222. (WeixinJSBridge.call("hideToolbar"),toolbarHidden=!0,this.value="顯示底部導航欄") 
  223. },!1), 
  224. document.getElementById("getNetType").addEventListener( 
  225. "click",function(){ 
  226. WeixinJSBridge.invoke("getNetworkType",{}, 
  227. function(e){ 
  228. alert(netType[e.err_msg]) 
  229. }) 
  230. },!1), 
  231. document.getElementById("closeWindow").addEventListener( 
  232. "click",function(){ 
  233. WeixinJSBridge.invoke("closeWindow",{},function(e){}) 
  234. },!1), 
  235. document.getElementById("getBrandWCPayRequest").addEventListener( 
  236. "click",function(){ 
  237. WeixinJSBridge.invoke("getBrandWCPayRequest",{ 
  238. "appId" : "wxf8b4f85f3a794e77", //公眾號名稱，由商戶傳入 
  239. "timeStamp" : "189026618", //時間戳 這里隨意使用了一個值 
  240. "nonceStr" : "adssdasssd13d", //隨機串 
  241. "package" : 
  242. "body=xxx&fee_type=1&input_charset=GBK¬ify_url=http&out_trade_no=16642817866003386000&partner=1900000109&return_url=http&spbill_create_ip=127.0.0.1&total_fee=1&sign=273B7EEEE642A8E41F27213D8517E0E4", //擴展字段，由商戶傳入 
  243. "signType" : "SHA1", //微信簽名方式:sha1 
  244. "paySign" : "b737015b5b1eabe5db580945a07eac08c7bb55f8" //微信簽名 
  245. }, 
  246. function(e){ 
  247. alert(e.err_msg) 
  248. }) 
  249. },!1), 
  250. document.getElementById("setPageState").addEventListener( 
  251. "click",function(){ 
  252. WeixinJSBridge.invoke("setPageState",{ 
  253. "state" : "1" 
  254. }) 
  255. },!1), 
  256.  
  257. document.getElementById("sendEmail").addEventListener( 
  258. "click",function(){ 
  259. WeixinJSBridge.invoke("sendEmail",{ 
  260. "title" : "title!", 
  261. "content" : "i am an Email!", //時間戳 這里隨意使用了一個值 
  262. }, 
  263. function(e){ 
  264. // alert(e.err_msg) 
  265. }) 
  266. },!1), 
  267. document.getElementById("openSpecificView").addEventListener( 
  268. "click",function(){ 
  269. WeixinJSBridge.invoke("openSpecificView",{ 
  270. "specificview" : "contacts" 
  271. }, 
  272. function(e){ 
  273. alert(e.err_msg) 
  274. }) 
  275. },!1), 
  276. document.getElementById("getCanIAPPay").addEventListener( 
  277. "click",function(){ 
  278. WeixinJSBridge.invoke("getCanIAPPay",{ }, 
  279. function(e){ 
  280. alert(e.err_msg) 
  281. }) 
  282. },!1), 
  283. document.getElementById("getBrandIAPPayRequest").addEventListener( 
  284. "click",function(){ 
  285. WeixinJSBridge.invoke("getBrandIAPPayRequest",{ 
  286. "appId" : "wxf8b4f85f3a794e77", //公眾號名稱，由商戶傳入 
  287. "timeStamp" : "189026618", //時間戳 這里隨意使用了一個值 
  288. "nonceStr" : "adssdasssd13d", //隨機串 
  289. "package" : "bankType=CITIC_CREDIT&bankName=%e4%b8%ad%e4%bf%a1%e9%93%b6%e8%a1%8c&sign=CF8922F49431FFE8A1834D0B32B25CE3", 
  290. //擴展字段，由商戶傳入 
  291. "signType" : "SHA1", //微信簽名方式:sha1 
  292. "paySign" : "1e6f13f78ca0ec43fbb80899087f77568af66987" //微信簽名 
  293. }, 
  294. function(e){ 
  295. alert(e.err_msg) 
  296. }) 
  297. },!1), 
  298. document.getElementById("openLocation").addEventListener( 
  299. "click",function(){ 
  300. WeixinJSBridge.invoke("openProductView",{  
  301. "latitude" : 23.113, //緯度 
  302. "longitude" : 113.23, //經度 
  303. "name" : "TIT創意園", //POI名稱 
  304. "address" : "廣州市海珠區新港中路397號", //地址 
  305. "scale" : 14, //地圖縮放級別 
  306. "infoUrl" : "http://weixin.qq.com/", //查看位置界面底部的超鏈接  
  307. }, 
  308. function(e){ 
  309. alert(e.err_msg) 
  310. }) 
  311. },!1), 
  312. document.getElementById("timelineCheckIn").addEventListener( 
  313. "click",function(){ 
  314. WeixinJSBridge.invoke("timelineCheckIn",{  
  315. "img_url": "http://mmsns.qpic.cn/mmsns/RLllkTm3DUdV24xbZnKicx9jJWxXI0Bq84zzbtibGuRyk/0", // 分享到朋友圈的縮略圖 
  316. "img_width": "640",　// 圖片的長度 
  317. "img_height": "640", // 圖片高度 
  318. "link": "http://news.qq.com/zt2012/cxkyym/index.htm",　// 連接地址 
  319. "desc": "這個是描述啊啊", // 描述 
  320. "title": "朝鮮稱中國漁船越界捕撈", // 分享標題 
  321. "latitude" : 23.113, //緯度 
  322. "longitude" : 113.23, //經度 
  323. "poiId" : "dianping_2331037", //商戶id 
  324. "poiName" : "TIT創意園", //POI名稱 
  325. "poiAddress" : "廣州市海珠區新港中路397號", //地址 
  326. "poiScale" : 14, //地圖縮放級別 
  327. "poiInfoUrl" : "http://weixin.qq.com/" //查看位置界面底部的超鏈接 
  328. }, 
  329. function(e){ 
  330. alert(e.err_msg) 
  331. }) 
  332. },!1), 
  333. document.getElementById("geoLocation").addEventListener( 
  334. "click",function(){ 
  335. WeixinJSBridge.invoke("geoLocation",{  
  336. }, 
  337. function(e){ 
  338. alert(e.err_msg) 
  339. }) 
  340. },!1), 
  341. document.getElementById("getBrandWCPayCreateCreditCardRequest").addEventListener( 
  342. "click",function(){ 
  343. WeixinJSBridge.invoke("getBrandWCPayCreateCreditCardRequest",{  
  344. "appId" : "wxf8b4f85f3a794e77", //公眾號名稱，由商戶傳入 
  345. "timeStamp" : "189026618", //時間戳 這里隨意使用了一個值 
  346. "nonceStr" : "adssdasssd13d", //隨機串 
  347. "package" : "bankType=CITIC_CREDIT&bankName=%e4%b8%ad%e4%bf%a1%e9%93%b6%e8%a1%8c&sign= CF8922F49431FFE8A1834D0B32B25CE3", 
  348. //擴展字段，由商戶傳入 
  349. "signType" : "SHA1", //微信簽名方式:sha1 
  350. "paySign" : "1e6f13f78ca0ec43fbb80899087f77568af66987" //微信簽名 
  351. }, 
  352. function(e){ 
  353. alert(e.err_msg) 
  354. }) 
  355. },!1), 
  356. document.getElementById("getInstallState").addEventListener( 
  357. "click",function(){ 
  358. WeixinJSBridge.invoke("getInstallState",{  
  359. "packageUrl":"teamcircle://" 
  360. }, 
  361. function(e){ 
  362. alert(e.err_msg) 
  363. }) 
  364. },!1), 
  365. document.getElementById("openProductView").addEventListener( 
  366. "click",function(){ 
  367. WeixinJSBridge.invoke("openProductView",{  
  368. "productInfo":"json" 
  369. }, 
  370. function(e){ 
  371. alert(e.err_msg) 
  372. }) 
  373. },!1), 
  374. document.getElementById("getLatestAddress").addEventListener( 
  375. "click",function(){ 
  376. WeixinJSBridge.invoke("getLatestAddress",{  
  377. "appId" : "wxf8b4f85f3a794e77", //公眾號名稱，由商戶傳入 
  378. "timeStamp" : "189026618", //時間戳 這里隨意使用了一個值 
  379. "nonceStr" : "adssdasssd13d", //隨機串 
  380. "signType" : "SHA1", //微信簽名方式:sha1 
  381. "addrSign" : "b737015b5b1eabe5db580945a07eac08c7bb55f8", //微信簽名 
  382. "scope" : "snsapi" 
  383. }, 
  384. function(e){ 
  385. alert(e.err_msg) 
  386. }) 
  387. },!1), 
  388. document.getElementById("editAddress").addEventListener( 
  389. "click",function(){ 
  390. WeixinJSBridge.invoke("editAddress",{  
  391. "appId" : "wxf8b4f85f3a794e77", //公眾號名稱，由商戶傳入 
  392. "timeStamp" : "189026618", //時間戳 這里隨意使用了一個值 
  393. "nonceStr" : "adssdasssd13d", //隨機串 
  394. "signType" : "SHA1", //微信簽名方式:sha1 
  395. "addrSign" : "b737015b5b1eabe5db580945a07eac08c7bb55f8", //微信簽名 
  396. "scope" : "snsapi" 
  397. }, 
  398. function(e){ 
  399. alert(e.err_msg) 
  400. }) 
  401. },!1), 
  402. document.getElementById("launch3rdApp").addEventListener( 
  403. "click",function(){ 
  404. WeixinJSBridge.invoke("launch3rdApp",{  
  405. "appId" : "wx5823bf96d3bd56c7", //公眾號名稱，由商戶傳入 
  406. }, 
  407. function(e){ 
  408. alert(e.err_msg) 
  409. }) 
  410. },!1), 
  411. document.getElementById("jumpWCMall").addEventListener( 
  412. "click",function(){ 
  413. WeixinJSBridge.invoke("jumpWCMall",{  
  414. "appId" : "wx5823bf96d3bd56c7", //公眾號名稱，由商戶傳入 
  415. "funcId":"1000" 
  416. }, 
  417. function(e){ 
  418. alert(e.err_msg) 
  419. }) 
  420. },!1), 
  421. document.getElementById("openUrlByExtBrowser").addEventListener( 
  422. "click",function(){ 
  423. WeixinJSBridge.invoke("openUrlByExtBrowser",{ 
  424. "url" : "http://m.exmail.qq.com" 
  425. }, 
  426. function(e){ 
  427. alert(e.err_msg) 
  428. }) 
  429. },!1) 
  430. } 
  431. ); 
  432. </script>  
  433. </body> 
  434. </html> 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 久国产精品视频 | 亚洲午夜1000理论片aa | 成人午夜免费av | 禁漫天堂久久久久久久久久 | 毛片在线免费观看完整版 | 202z中文字幕第一页 | 久久一区三区 | 看毛片免费 | 亚洲电影在线播放 | 性大片免费看 | 国产一区精品视频 | 国产69精品久久久久久久久久 | 日韩欧美动作影片 | 黄网站在线免费 | 舌头伸进添的我好爽高潮网站 | 国产亚洲精品成人 | 日韩一级免费毛片 | 曰本三级日本三级日本三级 | 成人做爰高潮片免费视频韩国 | 91麻豆精品国产91久久久点播时间 | 污黄视频在线观看 | 91 在线视频观看 | 91精品国产综合久久久动漫日韩 | 色综合久久久久久久久久久 | 久国产精品视频 | 国产精品色综合 | 欧美城网站地址 | 激情在线视频 | asian附近女人裸体pics | 精品国产91一区二区三区 | 日本成人一二三区 | 成人三级免费电影 | 精品一区二区久久久久久按摩 | 美女福利视频国产 | 毛片在线视频免费观看 | 国产女厕一区二区三区在线视 | 久久久久久久久91 | 毛片免费看的 | 看免费黄色大片 | 中国国语毛片免费观看视频 | 精品99在线视频 |