微信WeixinJSBridge API使用实例
注意:请在微信中测试
<!DOCTYPEhtml> <html> <head> <title>微信WeixinJSBridgeAPI</title> <metacharset="utf-8"/> <scripttype="text/javascript"> (function(){ vara=document.getElementsByTagName("html")[0]; window.Session={appDomain:a.getAttribute("data-app-domain")||"",staticDomain:a.getAttribute("data-static-domain")||""} })(); window.registNS=function(fullNS,isIgnorSelf){ varreg=/^[_$a-z]+[_$a-z0-9]*/i;varnsArray=fullNS.split("."); varsEval=""; varsNS=""; varn=isIgnorSelf?nsArray.length-1:nsArray.length; for(vari=0;i<n;i++){ if(!reg.test(nsArray[i])){thrownewError("Invalidnamespace:"+nsArray[i]+""); return } if(i!=0){sNS+="."} sNS+=nsArray[i]; sEval+="if(typeof("+sNS+")=='undefined')"+sNS+"=newObject(); else"+sNS+";" } if(sEval!=""){ returneval(sEval) } return{} }; </script> </head> <body> <sectionclass="mod-page-body"> <divclass="mod-page-mainwordwrapclearfix"> <divclass="mod-pageheader"></div> <divclass="mod-pagecontent"> <divclass="mod-weixinjsapi"> <divclass="x-desc"> 微信客户端自带的JsApi:WeixinJSBridge </div> <divid="WeixinJsApi"> <inputtype="button"id="imagePreview"value="图片预览"/> <inputtype="button"id="profile"value="查看profile"/> <ahref="weixin://profile/gh_412d74fbb474">企业微信小助手</a> <inputtype="button"id="shareWeibo"value="分享微博"/> <inputtype="button"id="shareFB"value="分享facebook"/> <inputtype="button"id="addContact"value="添加联系人"/> <inputtype="button"id="scanQRCode"value="扫描二维码"/> <inputtype="button"id="jumpToBizProfile"value="跳转到指定公众账号页面"/> <inputtype="button"id="toggleMenuBtn"value="隐藏右上角按钮"/> <inputtype="button"id="toggleToolbar"value="隐藏底部导航栏"/> <inputtype="button"id="getNetType"value="获取网络状态"/> <inputtype="button"id="closeWindow"value="关闭"/> <inputtype="button"id="getBrandWCPayRequest"value="发起公众号微信支付"/> <inputtype="button"id="setPageState"value="设置页面状态"/> <inputtype="button"id="sendEmail"value="发邮件"/> <inputtype="button"id="openSpecificView"value="微信团队打开webView,跳到指定页面"/> <inputtype="button"id="getCanIAPPay"value="getCanIAPPay"/> <inputtype="button"id="getBrandIAPPayRequest"value="发起公众号IAP支付"/> <inputtype="button"id="openUrlByExtBrowser"value="用safari打开指定链接"/> <inputtype="button"id="openProductView"value="跳转微信商品页"/> <inputtype="button"id="openLocation"value="查看地理位置"/> <inputtype="button"id="timelineCheckIn"value="朋友圈签到"/> <inputtype="button"id="getBrandWCPayCreateCreditCardRequest"value="开通微信信用卡"/> <inputtype="button"id="geoLocation"value="获取地理位置"/> <inputtype="button"id="getInstallState"value="获取某app是否安装"/> <inputtype="button"id="editAddress"value="公众号编辑收货地址"/> <inputtype="button"id="getLatestAddress"value="公众号获取最近的收货地址"/> <inputtype="button"id="launch3rdApp"value="启动第三方APP"/> <inputtype="button"id="jumpWCMall"value="跳转微信商品购买界面"/> <inputtype="button"id="addEmoticon"value="添加表情"/> <inputtype="button"id="cancelAddEmoticon"value="取消下载某表情"/> <inputtype="button"id="hasEmoticon"value="查询是否存在某表情"/> </div> </div> </div> </div> </section> <script> functiononBridgeReady(){ WeixinJSBridge.on('menu:share:appmessage',function(argv) { WeixinJSBridge.invoke('sendAppMessage',{ "link":"http://m.exmail.qq.com/", "desc":"desc", "title":"titleforWeiXinJsBridge" },function(res){ WeixinJSBridge.log(res.err_msg); }); }); WeixinJSBridge.on('menu:share:timeline',function(argv) { WeixinJSBridge.invoke("shareTimeline",{ "link":"http://m.exmail.qq.com", "img_url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png", "img_width":"172", "img_height":"40", "desc":"iamdescription", "title":"justtestfromWeixinJsBridge" }, function(e){ alert(e.err_msg); }) }); } if(typeofWeixinJSBridge==="undefined"){ if(document.addEventListener){ document.addEventListener('WeixinJSBridgeReady',onBridgeReady,false); } }else{ onBridgeReady(); } varmenuHidden=!1,toolbarHidden=!1,netType={"network_type:wifi":"wifi网络","network_type:edge":"非wifi,包含3G/2G","network_type:fail":"网络断开连接","network_type:wwan":"2g或者3g"}; document.addEventListener("WeixinJSBridgeReady",function(){ document.getElementById("imagePreview").addEventListener( "click",function(){ WeixinJSBridge.invoke("imagePreview",{ "urls":[ "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png", "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png", "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_workStyle1ca3fe.png" ], "current":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png" }) },!1), document.getElementById("profile").addEventListener( "click",function(){ alert("profileclicked"); WeixinJSBridge.invoke("profile",{ "username":"gh_412d74fbb474", "nickname":"企业微信小助手" }) },!1), document.getElementById("shareWeibo").addEventListener( "click",function(){ WeixinJSBridge.invoke("shareWeibo",{ "type":"link", "link":"http://m.exmail.qq.com" }, function(e){ alert(e.err_msg); }) },!1), document.getElementById("shareFB").addEventListener( "click",function(){ WeixinJSBridge.invoke("shareFB",{ "link":"http://m.exmail.qq.com" }) },!1), document.getElementById("scanQRCode").addEventListener( "click",function(){ WeixinJSBridge.invoke("scanQRCode",{ }) },!1), document.getElementById("addEmoticon").addEventListener( "click",function(){ WeixinJSBridge.invoke("addEmoticon",{ "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png", "thumb_url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png" }, function(e){ alert(e.err_msg); }) },!1), document.getElementById("cancelAddEmoticon").addEventListener( "click",function(){ WeixinJSBridge.invoke("cancelAddEmoticon",{ "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png" }, function(e){ alert(e.err_msg); }) },!1), document.getElementById("hasEmoticon").addEventListener( "click",function(){ WeixinJSBridge.invoke("hasEmoticon",{ "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png" }, function(e){ alert(e.err_msg); }) },!1), document.getElementById("addContact").addEventListener( "click",function(){ WeixinJSBridge.invoke("addContact",{ "webtype":"1", "username":"gh_412d74fbb474" }, function(e){ alert(e.err_msg); }) },!1), document.getElementById("jumpToBizProfile").addEventListener( "click",function(){ WeixinJSBridge.invoke("jumpToBizProfile",{ "tousername":"gh_2248a2ade13e" }, function(e){ alert(e.err_msg); }) },!1), document.getElementById("toggleMenuBtn").addEventListener( "click",function(){ menuHidden? (WeixinJSBridge.call("showOptionMenu"),menuHidden=!1,this.value="隐藏右上角按钮") : (WeixinJSBridge.call("hideOptionMenu"),menuHidden=!0,this.value="显示右上角按钮") },!1), document.getElementById("toggleToolbar").addEventListener( "click",function(){ toolbarHidden? (WeixinJSBridge.call("showToolbar"),toolbarHidden=!1,this.value="隐藏底部导航栏") : (WeixinJSBridge.call("hideToolbar"),toolbarHidden=!0,this.value="显示底部导航栏") },!1), document.getElementById("getNetType").addEventListener( "click",function(){ WeixinJSBridge.invoke("getNetworkType",{}, function(e){ alert(netType[e.err_msg]) }) },!1), document.getElementById("closeWindow").addEventListener( "click",function(){ WeixinJSBridge.invoke("closeWindow",{},function(e){}) },!1), document.getElementById("getBrandWCPayRequest").addEventListener( "click",function(){ WeixinJSBridge.invoke("getBrandWCPayRequest",{ "appId":"wxf8b4f85f3a794e77",//公众号名称,由商户传入 "timeStamp":"189026618",//时间戳这里随意使用了一个值 "nonceStr":"adssdasssd13d",//随机串 "package": "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",//扩展字段,由商户传入 "signType":"SHA1",//微信签名方式:sha1 "paySign":"b737015b5b1eabe5db580945a07eac08c7bb55f8"//微信签名 }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("setPageState").addEventListener( "click",function(){ WeixinJSBridge.invoke("setPageState",{ "state":"1" }) },!1), document.getElementById("sendEmail").addEventListener( "click",function(){ WeixinJSBridge.invoke("sendEmail",{ "title":"title!", "content":"iamanEmail!",//时间戳这里随意使用了一个值 }, function(e){ //alert(e.err_msg) }) },!1), document.getElementById("openSpecificView").addEventListener( "click",function(){ WeixinJSBridge.invoke("openSpecificView",{ "specificview":"contacts" }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("getCanIAPPay").addEventListener( "click",function(){ WeixinJSBridge.invoke("getCanIAPPay",{}, function(e){ alert(e.err_msg) }) },!1), document.getElementById("getBrandIAPPayRequest").addEventListener( "click",function(){ WeixinJSBridge.invoke("getBrandIAPPayRequest",{ "appId":"wxf8b4f85f3a794e77",//公众号名称,由商户传入 "timeStamp":"189026618",//时间戳这里随意使用了一个值 "nonceStr":"adssdasssd13d",//随机串 "package":"bankType=CITIC_CREDIT&bankName=%e4%b8%ad%e4%bf%a1%e9%93%b6%e8%a1%8c&sign=CF8922F49431FFE8A1834D0B32B25CE3", //扩展字段,由商户传入 "signType":"SHA1",//微信签名方式:sha1 "paySign":"1e6f13f78ca0ec43fbb80899087f77568af66987"//微信签名 }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("openLocation").addEventListener( "click",function(){ WeixinJSBridge.invoke("openProductView",{ "latitude":23.113,//纬度 "longitude":113.23,//经度 "name":"TIT创意园",//POI名称 "address":"广州市海珠区新港中路397号",//地址 "scale":14,//地图缩放级别 "infoUrl":"http://weixin.qq.com/",//查看位置界面底部的超链接 }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("timelineCheckIn").addEventListener( "click",function(){ WeixinJSBridge.invoke("timelineCheckIn",{ "img_url":"http://mmsns.qpic.cn/mmsns/RLllkTm3DUdV24xbZnKicx9jJWxXI0Bq84zzbtibGuRyk/0",//分享到朋友圈的缩略图 "img_width":"640",//图片的长度 "img_height":"640",//图片高度 "link":"http://news.qq.com/zt2012/cxkyym/index.htm",//连接地址 "desc":"这个是描述啊啊",//描述 "title":"朝鲜称中国渔船越界捕捞",//分享标题 "latitude":23.113,//纬度 "longitude":113.23,//经度 "poiId":"dianping_2331037",//商户id "poiName":"TIT创意园",//POI名称 "poiAddress":"广州市海珠区新港中路397号",//地址 "poiScale":14,//地图缩放级别 "poiInfoUrl":"http://weixin.qq.com/"//查看位置界面底部的超链接 }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("geoLocation").addEventListener( "click",function(){ WeixinJSBridge.invoke("geoLocation",{ }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("getBrandWCPayCreateCreditCardRequest").addEventListener( "click",function(){ WeixinJSBridge.invoke("getBrandWCPayCreateCreditCardRequest",{ "appId":"wxf8b4f85f3a794e77",//公众号名称,由商户传入 "timeStamp":"189026618",//时间戳这里随意使用了一个值 "nonceStr":"adssdasssd13d",//随机串 "package":"bankType=CITIC_CREDIT&bankName=%e4%b8%ad%e4%bf%a1%e9%93%b6%e8%a1%8c&sign=CF8922F49431FFE8A1834D0B32B25CE3", //扩展字段,由商户传入 "signType":"SHA1",//微信签名方式:sha1 "paySign":"1e6f13f78ca0ec43fbb80899087f77568af66987"//微信签名 }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("getInstallState").addEventListener( "click",function(){ WeixinJSBridge.invoke("getInstallState",{ "packageUrl":"teamcircle://" }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("openProductView").addEventListener( "click",function(){ WeixinJSBridge.invoke("openProductView",{ "productInfo":"json" }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("getLatestAddress").addEventListener( "click",function(){ WeixinJSBridge.invoke("getLatestAddress",{ "appId":"wxf8b4f85f3a794e77",//公众号名称,由商户传入 "timeStamp":"189026618",//时间戳这里随意使用了一个值 "nonceStr":"adssdasssd13d",//随机串 "signType":"SHA1",//微信签名方式:sha1 "addrSign":"b737015b5b1eabe5db580945a07eac08c7bb55f8",//微信签名 "scope":"snsapi" }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("editAddress").addEventListener( "click",function(){ WeixinJSBridge.invoke("editAddress",{ "appId":"wxf8b4f85f3a794e77",//公众号名称,由商户传入 "timeStamp":"189026618",//时间戳这里随意使用了一个值 "nonceStr":"adssdasssd13d",//随机串 "signType":"SHA1",//微信签名方式:sha1 "addrSign":"b737015b5b1eabe5db580945a07eac08c7bb55f8",//微信签名 "scope":"snsapi" }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("launch3rdApp").addEventListener( "click",function(){ WeixinJSBridge.invoke("launch3rdApp",{ "appId":"wx5823bf96d3bd56c7",//公众号名称,由商户传入 }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("jumpWCMall").addEventListener( "click",function(){ WeixinJSBridge.invoke("jumpWCMall",{ "appId":"wx5823bf96d3bd56c7",//公众号名称,由商户传入 "funcId":"1000" }, function(e){ alert(e.err_msg) }) },!1), document.getElementById("openUrlByExtBrowser").addEventListener( "click",function(){ WeixinJSBridge.invoke("openUrlByExtBrowser",{ "url":"http://m.exmail.qq.com" }, function(e){ alert(e.err_msg) }) },!1) } ); </script> </body> </html>