WeixinJSBridge API

最新推荐文章于 2020-12-21 14:51:38 发布
最新推荐文章于 2020-12-21 14:51:38 发布
阅读量434 收藏 1
点赞数
分类专栏： 前端
原文链接：https://www.cnblogs.com/hss-blog/p/10078438.html
版权 
<!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>
GracieLaw
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WeixinJSBridge
07-31
微信WeixinJSBridge API续_Alien的笔记.mht 微信内置JsAPI之WeixinJSBridge_Alien的笔记.mht 微信内置浏览器的JsAPI(WeixinJSBridge续)_Alien的笔记.mht
微信WeixinJSBridge API使用实例
eastbird的博客
12-19 6857
来源：http://www.jb51.net/article/66642.htm这篇文章主要介绍了微信WeixinJSBridge API使用实例,本文直接给出HTML代码,代码中包含了很多实用功能,如图片预览、分享到微博、隐藏右上角按钮、获取网络状态、发起公众号微信支付等内容,需要的朋友可以参考下 微信WeixinJSBridge API (function(){ v
微信 WeixinJSBridge API
Ming-code
05-28 558
微信右上角批量隐藏功能按钮接口 wx.hideMenuItems({ menuList: ["menuItem:share:timeline", "menuItem:copyUrl", "menuItem:share:appMessage", "menuItem:share:qq", "menuItem:share:weiboApp", "menuItem:favorite", "menuItem:share:facebook", "menuItem:share:QZone", "menuItem:ed
微信WeixinJSBridge API的简单介绍
u013864585的专栏
06-28 2113
之前写了一篇关于这个WeixinJSBridge API的文章，文章地址 ，于是有很多网友都在过来咨询这个API的使用，在这里有必要跟大家再说一下：这个API在以前公布的部分接口被官方和谐掉很久了， 比如一键关注、分享给好友、分享到朋友圈等。当然，你可能会发现微信官方推送的一些文章还能使用这些功能，粗略估计，官方是对这个API增加了白名单控制，判断Referer，如果是微信官方的地址、或者是有合作
微信WeixinJSBridge API
slqgenius的博客
09-18 1511
微信WeixinJSBridge API 1 DOCTYPE html> 2 html> 3 head> 4 title>微信WeixinJSBridge APItitle> 5 meta charset="utf-8" /> 6 script type="text/javascript"> 7 (function(){
微信内置浏览器私有接口WeixinJSBridge介绍
01-19
注意：（WeixinJSBridge只能在微信内打开的网页有效） 按钮一之——发送给好友 代码如下: function sendMessage(){    WeixinJSBridge.on(‘menu:share:appmessage’, function(argv){ alert(“发送给好友”&...
WeixinJSBridge资源整理
09-05
"微信WeixinJSBridge API续_Alien的笔记.mht"可能详细讲解了如何集成微信支付功能。支付流程包括生成预支付订单、调用`WeixinJSBridge.invoke`的`pay`接口、处理返回结果等步骤。 7. **权限管理**： 使用...
js微信分享API
10-21
从技术角度来看，这些API的调用依赖于微信提供的WeixinJSBridge对象。开发者必须确保在微信内置浏览器中正确地引入并使用这个对象及其方法，才能使上述功能正常工作。同时，开发者还需要对API提供的参数和回调进行...
微信内置JsAPI之WeixinJSBridge
GoodShot的专栏
06-18 2874
在微信上，通过公众平台推送给用户的文章，是在微信内部直接打开的，用的无外乎就是一个UIWebView控件（IOS上，Android上也差不多）。但特殊的是，微信官方在这里面加了一个默认的Js API--WeixinJSBridge，通过它，能直接在该页面上做这些操作： 1、将文章分享到微信朋友圈 2、将文章直接发送给微信上的好友 3、将文章分享到腾讯微博 4、关注指定用
api 微信内置浏览器js_微信内置浏览器的JsAPI(WeixinJSBridge）转载
weixin_39845406的博客
12-21 456
之前有写过几篇关于微信内置浏览器(WebView)中特有的Javascript API(Javascript Interface)的文章，不过随着微信官方的调整，部分API已经不能直接使用，比如类似直接分享到朋友圈WeixinJSBridge.invoke('shareTimeline',data,callback) 这样的功能，直接调用，会得到一个访问拒绝的response。后来重新调研了下，...
微信浏览器内置WeixinJSBridge API
weixin_33671935的博客
06-23 354
微信浏览器内置WeixinJSBridge API微信浏览器是个特殊的环境，它内置了一些jsAPI却没公布出来，同时技术仍不成熟，部分接口在不同的环境下可能出现不能使用。//加载完后执行，只在微信浏览内执行 document.addEventListener('WeixinJSBridgeReady',functiononBridgeReady(){ /...
weixinjsbridge
最新发布
05-16
weixinjsbridge是微信提供的JavaScript API，用于在微信中调用一些特定的功能。比如，可以通过weixinjsbridge实现微信分享、获取地理位置信息、调用扫一扫功能等等。weixinjsbridge主要通过提供一些预定义好的方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值