qicang
/
jsbridge.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="cache-control" content="max-age=0" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="expires" content="0" />
  <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
  <meta http-equiv="pragma" content="no-cache" />
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>jsbridge</title>
  <script>
    window.JSBridge = window.JSBridge || {

    }

    //  以下为app->h5
    //  图片上传成功
    function getImageList(messageJSON) {
      alert(messageJSON)
    }

    //  藏品分享至藏友圈的回调
    function collectShareToCircle(messageJSON) {
      alert(messageJSON)
    }

    //  头像修改成功
    function updateAvatar(messageJSON) {
      alert(messageJSON)
    }

    //  支付成功
    function paySuccess(messageJSON) {
      alert(messageJSON)
    }

    //########################################################################
    //  以下为h5->app
    //  登录成功
    function loginSuccess() {
      var params = {
        userId: 43,
        token: 'f2c8a9b5ea5e48758075527f5ad2f18e',
        phone: 15650715053
      }
      window.JSBridge.loginSuccess(JSON.stringify(params))
    }

    //  退出成功
    function logoutSuccess() {
      window.JSBridge.logoutSuccess()
    }

    //  分享
    //  collectArchiveUrl，内容为纯藏品图片，藏品分享时才会有；如果是资讯分享，则可不传。
    //  注意：thumImage对应的图片不要超过32k
    function share() {
      var params = {
        title: '启藏-古玩收藏界的智能管理工具',
        descr: '这是一款包含藏品管理、藏友圈交流、专家鉴赏的APP，快来里面加我为好友！',
        thumImage: 'http://image.antke.cn/93c74c51-3541-482b-9b02-393f896cbe61',
        shareUrl: 'http://101.200.166.130:8081/m/#/informationDetail?info_id=14',
        collectArchiveUrl: 'https://zhuanlan.zhihu.com/p/29046938?utm_source=wechat_timeline&utm_medium=social&from=timeline&isappinstalled=0'
      }
      window.JSBridge.share(JSON.stringify(params))
    }

    //  添加藏品与发布藏友圈：添加图片
    function addImage() {
      window.JSBridge.addImage()
    }

    //  添加藏品与发布藏友圈：删除图片，暂未测试
    function deleteImage() {
      var params = {
        deleteImage: 1
      }
      window.JSBridge.deleteImage(JSON.stringify(params))
    }

    //  鉴赏支付
    //  payType，支付方式：1是支付宝，2是微信APP原生，3是微信支付H5...
    function pay() {
      var params = {
        collectId: 139,
        expertId: 40,
        fee: 0.01,
        payType: 2
      }
      window.JSBridge.pay(JSON.stringify(params))
    }

    //  通讯录联系人
    function contacts() {
      window.JSBridge.contacts()
    }

    //  编辑头像
    function editAvatar() {
      var params = {
        avatarUrl: 'http://image.antke.cn/c85c3517-4899-4a52-9535-3fb85c9c6a98',
      }
      window.JSBridge.editAvatar(JSON.stringify(params))
    }

    //  添加藏品与发布藏友圈，成功之后告诉App，清理图片
    function cleanImage() {
      window.JSBridge.cleanImage()
    }


    //########################################################################
    //  测试
    function downloadNews() {
      window.JSBridge.downloadNews()
    }

  </script>
  <style>
    a {
      text-decoration: underline;
      display: block;
      font-size: 50px;
    }

  </style>
</head>

<body>
  <a onclick="loginSuccess()">登录成功</a>
  <a onclick="logoutSuccess()">退出成功</a>
  <a onclick="share()">分享</a>
  <a onclick="addImage()">添加图片</a>
  <!-- <a onclick="deleteImage()">删除图片</a> -->
  <a onclick="pay()">支付</a>
  <a onclick="contacts()">通讯录</a>
  <a onclick="editAvatar()">修改头像</a>
  <a onclick="cleanImage()">清理图片</a>
  <a onclick="downloadNews()">测试下载新闻</a>
</body>

</html>