AppH5Bridge.md 1.72 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:参数列表,用于传递参数

action arguments 描述
go.tab {"index":tab_index} 跳转至指定index的tab(从0开始)
go.login {""} 跳转至登陆页面
go.loginout {""} 退出登录,清除本地用户数据
go.shopingCart {""} 跳转至购物车页面
go.address {"type":"1"} 跳转地址页面 1:地址选择页面 2:地址管理页面
go.imageBrowser {"images":[imgUrl1,imgUrl2...]} 跳转至图片浏览页面
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();