# APP框架方法定义

webview的window挂载变量:AppEvent

# 1、获取当前环境

API说明:获取当前环境是否为嵌入在APP中

参数:无

返回:‘APP’

调用示例

AppEvent.getENV()

# 2、设置导航栏外观

API说明:设置APP打开的webview头部导航

# 参数说明

参数名称 类型 必选 默认值 说明
title string 标题文字
titleColor string '#000000' 标题颜色
titileIcon string 标题icon
leftIcon string 左导航Icon
rightIcon string 右导航Icon
hide boolean false 是否隐藏整个导航
background string '#ffffff' 导航背景色
leftText string 左按钮文字
leftTextColor string ‘#34495e’ 左按钮文字颜色
rightText string 右按钮文字
rightTextColor string ‘#34495e’ 右按钮文字颜色
leftHide boolean false 是否隐藏导航左控件
rightHide boolean false 是否隐藏导航右控件
leftClick function 返回 左按钮点击事件
rightClick function 右按钮点击事件
success function 设置成功回调
fail function 设置失败回调

TIP

备注:单独设置某个字段,不设置其他字段时不会清空已设置过的字段;例如开始已经调用过一次设置title, AppEvent.setNavigationBar({title:'享道出行'}),下次再调用设置 AppEvent.setNavigationBar({leftClick:() => {}}) 不会清空前面的title

# 调用示例

AppEvent.setNavigationBar({
    title: '享道出行',
    titleColor: '#999999',
    titleIcon: 'https://example.com/example.png',
    leftIcon:'https://example.com/example.png',
    rightIcon:'https://example.com/example.png',
    hide:  true ,
    leftHide: true,
    rightHide: trueleftClick: function(){},
    rightClick: function(){},
    success:function(){},
    fail:function() {}})

# 3、关闭当前webview

API说明:关闭当前webview回到App原生页面 参数说明:无

# 调用示例

AppEvent.closeWindow()

# 4、获取当前位置

API说明:调用App获取用户当前经纬度

# 参数说明

参数名称 类型 必选 默认值 说明
type string 'gd' 坐标系类型
success \function 获取定位成功回调
fail \function 获取定位失败回调

# 成功返回参数

参数名称 类型 说明
code number 失败code:10001 未开启定位;10002 GPS信号弱;10003 无获取定位权限

# 调用示例

AppEvent.getLocation({
  type: 'gd', // 高德
  success: function (res) {
    var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
    var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
  },
  fail: function(code) {
    // code 10001 未开启定位
    // code 10002 GPS信号弱
    // code 10003 无获取定位权限
  }
})

# 5、呼起App分享

API说明:呼起APP分享

# 参数说明

参数名称 类型 必选 默认值 说明
title string 分享标题
desc string 分享描述
link string 分享链接
imgUrl string 分享图片
shareType string 分享类型
success function 设置成功回调
fail function 设置失败回调

# shareType分享方式的枚举值

说明
weixin 微信
weixinTimeline 微信朋友圈
qqFriend QQ好友

# 调用示例

AppEvent.openShare({
  title: '', // 分享标题
  desc: '', // 分享描述
  link: '', // 分享链接
  imgUrl: '', // 分享图标
  shareType: 'weixin',
  success: function () {
  },
  fail: function() {
  }
})

# 6、拨打电话

API说明:调用App能力拨打电话

# 参数说明

参数名称 类型 必选 默认值 说明
phoneNumber string 要呼出的电话号码
success function 设置成功回调
fail function 设置失败回调

# 调用示例

AppEvent.makePhoneCall({
  phoneNumber: 18888888888 // 电话号码
  success: function () {
  },
  fail: function() {
  }
})

# 7、获取联系人

API说明:获取手机联系人

# 参数说明

参数名称 类型 必选 默认值 说明
success function 设置成功回调
fail function 设置失败回调

# 成功返回参数

参数名称 类型 说明
name string 姓名
phone string 号码

# 失败返回参数

参数名称 类型 说明
err string 失败原因

# 调用示例

AppEvent.getContact: ({
    success: function(name, phone){}, // 成功返回联系人姓名和手机号
    fail:function(err){}, // 失败抛出失败原因
  })

# 8、调用图片查看器

API说明:查看图片

# 参数说明

参数名称 类型 必选 默认值 说明
current string 当前展示的图片的https链接
urls Array 所有需要展示图片的https链接数组
success function 设置成功回调
fail function 设置失败回调

# 调用示例

AppEvent.previewImage({
  current: '', // 当前显示图片的链接
  urls: [], // 需要预览的图片链接列表
});

# 9、监听App由后台切换至前台

API说明:App由后台切换至前台时触发的回调

# 参数说明

参数名称 类型 必选 默认值 说明
invoke function 由后台切换至前台的回调
success function 设置成功回调
fail function 设置失败回调

# invoke函数返回值

参数名称 类型 说明
backTime number 在后台停留的时间(分钟)

# 调用示例

AppEvent.appShow({
    invoke: function(res) {}
})

# 10、获取当前网络状态

API说明:获取当前设备网络状态

# 参数说明

参数名称 类型 必选 默认值 说明
success function 设置成功回调
fail function 设置失败回调

# 成功回调参数说明

字段 说明 类型
type 获取当前手机连接的网络类型(wifi/mobile/unknown/none)分别代表无线网/移动蜂窝网络/未知网络/无网络连接 string

# 调用示例

AppEvent.getNetworkInfo({
    sucess: function(type) {},
    fail: function(err) {}
})

# 11、是否开启IOS系统页面弹性效果 (非必须)(仅IOS)

API说明:在嵌入IOS系统中,开启获关闭webview页面弹性效果

# 调用示例

AppEvent.webViewBounce(true | false); // true开启, false关闭