DIV CSS 佈局教程網

設為首頁 加入收藏
 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 微信WeixinJSBridge API使用實例
微信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")[0];
window.Session={appDomain:a.getAttribute("data-app-domain")||"",staticDomain:a.getAttribute("data-static-domain")||""}
})();
 
window.registNS=function(fullNS,isIgnorSelf){
var reg=/^[_$a-z]+[_$a-z0-9]*/i;var nsArray=fullNS.split(".");
var sEval="";
var sNS="";
var n=isIgnorSelf?nsArray.length-1:nsArray.length;
for(var i=0;i<n;i++){
  if(!reg.test(nsArray[i])){throw new Error("Invalid namespace:"+nsArray[i]+"");
  return
  }
  if(i!=0){sNS+="."}
  sNS+=nsArray[i];
  sEval+="if(typeof("+sNS+")=='undefined') "+sNS+"=new Object();
  else "+sNS+";"
}
if(sEval!=""){
return eval(sEval)
}
return{}
 
};
 
</script> 
 </head> 
 <body>
 <section class="mod-page-body"> 
  <div class="mod-page-main wordwrap clearfix"> 
  <div class="mod-pageheader"></div> 
  <div class="mod-pagecontent"> 
   <div class="mod-weixinjsapi"> 
   <div class="x-desc">
    微信客戶端自帶的Js Api：WeixinJSBridge
   </div> 
   <div id="WeixinJsApi"> 
    <input type="button" id="imagePreview" value="圖片預覽" /> 
    <input type="button" id="profile" value="查看profile" /> 
    <a href="weixin://profile/gh_412d74fbb474">企業微信小助手</a> 
    <input type="button" id="shareWeibo" value="分享微博" /> 
    <input type="button" id="shareFB" value="分享facebook" /> 
    <input type="button" id="addContact" value="添加聯系人" /> 
    <input type="button" id="scanQRCode" value="掃描二維碼" /> 
    <input type="button" id="jumpToBizProfile" value="跳轉到指定公眾賬號頁面" /> 
    <input type="button" id="toggleMenuBtn" value="隱藏右上角按鈕" /> 
    <input type="button" id="toggleToolbar" value="隱藏底部導航欄" /> 
    <input type="button" id="getNetType" value="獲取網絡狀態" /> 
    <input type="button" id="closeWindow" value="關閉" /> 
    <input type="button" id="getBrandWCPayRequest" value="發起公眾號微信支付" /> 
    <input type="button" id="setPageState" value="設置頁面狀態" /> 
    <input type="button" id="sendEmail" value="發郵件" /> 
    <input type="button" id="openSpecificView" value="微信團隊打開webView,跳到指定頁面" /> 
    <input type="button" id="getCanIAPPay" value="getCanIAPPay" /> 
    <input type="button" id="getBrandIAPPayRequest" value="發起公眾號IAP支付" /> 
    <input type="button" id="openUrlByExtBrowser" value="用safari打開指定鏈接" /> 
    <input type="button" id="openProductView" value="跳轉微信商品頁" /> 
    <input type="button" id="openLocation" value="查看地理位置" /> 
    <input type="button" id="timelineCheckIn" value="朋友圈簽到" /> 
    <input type="button" id="getBrandWCPayCreateCreditCardRequest" value="開通微信信用卡" /> 
    <input type="button" id="geoLocation" value="獲取地理位置" /> 
    <input type="button" id="getInstallState" value="獲取某app是否安裝" /> 
    <input type="button" id="editAddress" value="公眾號編輯收貨地址" /> 
    <input type="button" id="getLatestAddress" value="公眾號獲取最近的收貨地址" /> 
    <input type="button" id="launch3rdApp" value="啟動第三方APP" /> 
    <input type="button" id="jumpWCMall" value="跳轉微信商品購買界面" /> 
    <input type="button" id="addEmoticon" value="添加表情" /> 
    <input type="button" id="cancelAddEmoticon" value="取消下載某表情" /> 
    <input type="button" id="hasEmoticon" value="查詢是否存在某表情" /> 
   </div> 
   </div> 
  </div> 
  </div> 
 </section> 
 <script>
function onBridgeReady() {
  WeixinJSBridge.on('menu:share:appmessage', function(argv) 
  {
    WeixinJSBridge.invoke('sendAppMessage',{
          "link":"http://m.exmail.qq.com/",
          "desc":"desc",
          "title":"title for WeiXinJsBridge"
    }, 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":"i am description",
    "title":"just test from WeixinJsBridge"
    },
    function(e){
    alert(e.err_msg);
    })
  });
}
 
if (typeof WeixinJSBridge === "undefined"){
  if (document.addEventListener){
    document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
  }
}else{
  onBridgeReady();
}
 
  var menuHidden=!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("profile clicked");
        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" : "i am an Email!", //時間戳 這裡隨意使用了一個值
        },
        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>

關於JavaScript
js中字符替換函數String.replace()使用技巧
定義和用法replace() 方法用於在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配
解決火狐浏覽器下JS setTimeout函數不兼容失效不執行的方法
今天檢查自己用JQuery+AJAX+PHP做的網站後台登錄檢測，發現登陸成功後執行頁面跳轉函數這段
淺談JavaScript異常處理語句
程序運行過程中難免會出錯，出錯後的運行結果往往是不正確的，因此運行時出錯的程序通常被強制中止。運行時

相關文章

JavaScript基礎知識JSON基礎正則表達式關於JavaScriptJavaScript技巧jQuery入門知識AJAX入門JavaScript綜合知識
小編推薦
javascript關於open.window子頁面執行完成後刷新父頁面的問題分析 javascript實現瀑布流自適應遇到的問題及解決方案 頁面右下角彈出提示框示例代碼js版 淺析2種JavaScript繼承方式 JavaScript文本框腳本編寫的注意事項 基於JavaScript實現自動更新倒計時效果 深入理解JavaScript系列(4) 立即調用的函數表達式 js返回上一頁並刷新代碼整理 JavaScript中apply與call的用法意義及區別說明 JavaScript針對網頁節點的增刪改查用法實例
熱門推薦
淺談JavaScript數據類型及轉換 原生JS實現旋轉木馬式圖片輪播插件 JavaScript 聯動的無限級封裝類,數據采用非Ajax方式,隨意添加聯動 js使用遞歸解析xml prototype，executing，context，closure js計算任意值之間隨機數的方法 手機端轉盤抽獎代碼分享 JS實現的適合做faq或menu滑動效果示例 Javascript(AJAX)解析XML的代碼(兼容FIREFOX/IE)
大家都在看
JavaScript 設計模式 富有表現力的Javascript（一） js網頁右下角提示框實例教程 9.13 下拉列表 好的用戶體驗:國內的網站細節設計 web響應式布局中iframe自適應的方法 js面向對象 – 對象、對象屬性 Jq通過td獲取同行其它列td的方法 html 鼠標 css 控制
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved