AppH5Bridge.md 2.12 KB

AppH5Bridge

==================

AppH5Bridge用于实现JavaScript与原生APP之间的方法调用

H5调用APP

调用方法

var params = { "action":"action", "arguments":{...} };
<!-- 触发机能 -->
yohoInterface.triggerEvent(onSuccess, onFail, params);
  • yohoInterface 全局js对象,用于调用native代码,是所有与native通信的载体。
  • triggerEvent 通过此方法,发起native通信请求。所有的native通信都由此方法
  • onSuccess 调用native代码成功后的回调方法
  • onFail 调用native代码失败后的回调方法
  • params 具体行为所需参数

params参数详解

  • action :行为参数,代表此次调用的行为。例如go.login表示跳转至登陆页面

  • arguments:参数列表,用于传递参数

  • header:以json形式传递,所有行为都可以带header参数,例见:go.tab,详细json格式见HeaderType

action arguments 描述
go.tab {"index":"1","header":{"headerid":"3","left":{"action":"http://XXX"},"title":{"des":"标题","action":"http://XXX"},"right":{"des":"编辑","action":"http://XXX"}}} 跳转至指定index的tab(从0开始)
go.login {""} 跳转至登陆页面
go.loginout {""} 退出登录,清除本地用户数据
go.shopingCart {""} 跳转至购物车页面
go.address {"type":"1","addressid":"4673"} 跳转地址页面;type=1:跳转至地址选择页面 type=2:跳转至地址管理页面;addressid 在type=1时有效
go.imageBrowser {"images":[imgUrl1,imgUrl2...],"index":"1"} 跳转至图片浏览页面;images:浏览图片的url index:点击的图片序号
go.newPage {"url":""} 跳转至新页面(页面内容为html)
go.pay {"orderid":"098768"} 跳转至支付页面
go.share {"title":"标题","des":"描述","img":"icon地址","url":"网页地址"} 分享
go.back {} 返回上一级页面
go.search {} 跳转搜索页面
go.setting {} 跳转设置页面
go.shoppingkey {"shoppingkey":""} 设置shoppingkey

APP调用H5

APP直接调用 window.yohoInterface 对象上的方法

调用方法

*点击右上角按钮,调用 JS 方法
window.yohoInterface.headerRightTopBtn();