微信WeixinJSBridge API

  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&notify_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>

 

时间： 2024-11-18 14:24:28

微信WeixinJSBridge API的相关文章

微信WeixinJSBridge API使用实例

  这篇文章主要介绍了微信WeixinJSBridge API使用实例,本文直接给出HTML代码,代码中包含了很多实用功能,如图片预览.分享到微博.隐藏右上角按钮.获取网络状态.发起公众号微信支付等内容,需要的朋友可以参考下 注意:请在微信中测试 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 4

微信WeixinJSBridge API使用实例_javascript技巧

注意:请在微信中测试 <!DOCTYPE html> <html> <head> <title>微信WeixinJSBridge API</title> <meta charset="utf-8" /> <script type="text/javascript"> (function(){ var a=document.getElementsByTagName("html

微信js api怎么显示查看公众号

问题描述 微信js api怎么显示查看公众号 请问为什么微信里面查看链接有些能在menu里面看到""查看公众号"",但是有些却不能看到? 请问需要在页面调用微信js,需要怎么设置呢? 我js里面有设置显示,但是没有效果呢. wx.showMenuItems({ menuList: ['menuItem:profile' 'menuItem:addContact'menuItem:share:appMessage""menuItem:share:t

java微信开发API第二步 获取和回复消息_java

微信开发API如何获取和回复消息,下面就为大家进行介绍 一.说明 * 本示例根据微信开发文档:http://mp.weixin.qq.com/wiki/home/index.html最新版(4/3/2016 5:34:36 PM )进行开发演示. * 编辑平台:myeclipse10.7+win32+jdk1.7+tomcat7.0  * 服务器:阿里云 windows server 2008 64bits * 平台要求:servlet使用注解方式,平台要求:j2ee6.0+.jdk6.0+.t

java微信开发API第一步 服务器接入_java

微信开发API如何接入服务器,下面就为大家进行介绍 一.说明 * 本示例根据微信开发文档:http://mp.weixin.qq.com/wiki/home/index.html最新版(4/3/2016 5:34:36 PM )进行开发演示. * 编辑平台:myeclipse10.7+win32+jdk1.7+tomcat7.0  * 服务器:阿里云 windows server 2008 64bits * 平台要求:servlet使用注解方式,平台要求:j2ee6.0+.jdk6.0+.tom

因微信支付API对IPv6支持不完整引起的一次故障

作者介绍 林伟壕,网络安全DevOps新司机,先后在中国电信和网易游戏从事数据网络.网络安全和游戏运维工作.对Linux运维.虚拟化和网络安全防护等研究颇多,目前专注于网络安全自动化检测.防御系统构建.   众所周知,随着"微信红包"等热门应用的红火,微信支付在我们的生活中已无处不在.今天我要分享的内容,正是关于微信支付面向商户的API 在IPv6支持上的一个问题.关注点不仅在于问题本身,更在排查故障过程中一些思路和方法论.   故障简述    最近有同事反馈去访问微信支付API ht

运维-关于微信报警API问题，消息发不出去

问题描述 关于微信报警API问题,消息发不出去 我用微信报警的那个API尝试给我的公众号报警,但是却老是: php test.php PHP Notice: Undefined index: HTTP_USER_AGENT in /home/redhat/scripts/gun/weixin/include/LeaWeiXinClient.php on line 33 PHP Notice: Undefined index: HTTP_USER_AGENT in /home/redhat/scr

PHP微信红包API接口_php实例

首先给大家看一看这个表格: 根据微信高级红包接口,开发PHP版本的API接口,现在进行主要代码分析. 红包接口调用请求代码,所有请求参数为必填参数与文档对应: class Wxapi { private $app_id = 'wxXXXXXXXXXXXX'; //公众账号appid,首先申请与之配套的公众账号 private $app_secret = 'XXXXXXXXXXXXXXXXXXXXXXXX';//公众号secret,用户获取用户授权token private $app_mchid

php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法_php技巧

本文实例讲述了php版微信支付api.mch.weixin.qq.com域名解析慢原因与解决方法.分享给大家供大家参考,具体如下: 微信支付api.mch.weixin.qq.com域名解析慢了,导致付款时非常的慢,那么要如何来解决微信支付慢的问题呢,这里就来一起分析一下. 有朋友在阿里云主机实现微信支付逻辑时,发现api.mch.weixin.qq.com的解析实在是太慢了. 因此出现了手动修改/etc/hosts的情况,当然了,哪天微信支付要是换个机房肯定要挂. 我们的机房也有相似的同题,专