一. APP需要处理事项
- 设置WebView的UserAgent
Android以及iOS需要在WebView里重新设置UserAgent,H5需要根据UserAgent来判断目前客户端是哪种WebView。APP里UserAgent的设置格式为:"默认UserAgent" + ";" + "特定WebView标识"。
WebView类型 UserAgent 备注
Android HMAndroidWebView
iOS UIWebView HMiOSUIWebView 表示是UIWebView
iOS WKWebView HMiOSWKWebView 表示是WKWebView
范例:
Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Mobile Safari/537.36;HMAndroidWebView
前面部分是系统默认设置的UserAgent,在后面拼上";HMAndroidWebView"即可,注意用";"进行分割开来。 - WebView从不可见到可见事件通知
如果打开某个WebView,再从WebView界面跳转到其他界面,然后再返回到WebView界面,原生APP必须触发一个js方法调用,通知H5该事件的发生,H5可以考虑是否需要刷新数据等。事件通知方法定义为:
function onResume() {
//H5根据情况考虑是否实现此方法
}
二. js与原生交互方法定义 - 判断用户是否登录
方法名:checkLogin
参数:无
返回值:boolean true为已登录,false为未登录 - 获取APP端请求头信息
方法名:getHeaders
参数:无
返回值:json格式的字符串
字段名称 类型 备注
deviceId string 设备唯一id
rptTime string
operKind string CUSTOMER
osType string 系统类型,Android或者iOS
osVer string 手机操作系统版本号
appChannel string 当前app的渠道名
deviceType string 设备型号
appVer string 当前app的版本号
rptGpsX string 经纬度
rptGpsY string 经纬度
3.获取用户信息
方法名:getUserInfo
参数:无
返回值:json格式的字符串
字段名称 类型 备注
userId string 用户id
token string 登录后的token
showId string 用户显示id
nickName string 昵称
avatarUrl string 头像
mobile string 手机号
type int 用户类型:CSub(1), CPlus(2), BSub(3), BPlus(4), ASub(5), APlus(6)
sex int 性别:0-女,1-男,3-未知
name string 姓名
mailAddr string 邮箱地址
idCardNum string 身份证号
location string 城市
mainIncome int 主收入:None(1, "无"), Wages(2, "工资"), Business(3, "生意"), Investment(4, "投资"), Parents(5, "父母资助"), Else(6, "其他")
secondIncome int 次收入 - 关闭当前WebView
方法名:closeWebView
参数:无
返回值:无 - 拨打电话
方法名:callPhone
参数:
字段名称 类型 备注
phone string 电话号码
返回值:无 - 采用原生存储key-value键值对
方法名:setStorage
参数:
字段名称 类型 备注
key string 注意相同的key值会被覆盖掉
value string 要存储的字符串内容,任意格式
返回值:无 - 获取原生存储的字符串值
方法名:getStorage
参数:
字段名称 类型 备注
key string
返回值:string,获取通过setStorage方法存储的字符串 - 通过外部浏览器打开url链接
方法名:openUrlThroughBrowser
参数:
字段名称 类型 备注
url string 网页地址
返回值:无 - 通过一个新的WebView打开url链接
方法名:openUrlThroughWebView
参数:
字段名称 类型 备注
url string 网页地址
返回值:无 - 通过路由来进行原生页面跳转
方法名:navigateByRouter
参数:
字段名称 类型 备注
routerUrl string 路由地址
返回值:无 - 拍照或者从相册选择图片
方法名:selectPicture
参数:
字段名称 类型 备注
selectType string camera-打开相机,album-打开相册,cameraAndAlbum-弹出选择打开相机和相册的对话框
width int 图片进行裁切的宽度,如果不需要裁切则传0
height int 图片进行裁切的高度,如果不需要裁切则传0
callbackName string 图片获取成功之后的回调方法名,APP端需要把图片路径当做参数传递过去:callback(path)
返回值:无 - 设置导航栏右边按钮及功能
方法名:setNavigationBarRightMenu
参数:
字段名称 类型 备注
btnText string 按钮显示名称
functionName string 点击按钮后,APP调用H5的方法名称
params string 传递的参数
返回值:无 - 保存图片到本地
方法名:savePicture
参数:
字段名称 类型 备注
imgUrl string 图片地址url
返回值:无 - 图片分享
方法名:shareImage
参数:
字段名称 类型 备注
imgUrl string 要分享的图片地址url
channels string 分享的渠道:save-保存图片,weixin-微信,wxcircle-朋友圈,weibo-微博,qq-QQ,sms-短信,按顺序多个渠道用逗号","分隔,例如:save,weixin,qq,则弹出的分享面板依次为“保存、微信、QQ”
返回值:无 - 链接分享
方法名:shareLink
参数:
字段名称 类型 备注
title string 标题
desc string 描述
url string 链接地址
channels string 同图片分享一样
返回值:无 - 纯文本分享
方法名:shareText
参数:
字段名称 类型 备注
text string 要分享的文本内容
channels string 同图片分享一样
返回值:无 - 掉起APP端用户登录窗口
方法名:toUserLoginPage
参数:无
返回值:无 - 用户退出登录
方法名:userLogout
参数:无
返回值:无 - 设置导航栏标题
方法名:setWebViewTitle
参数:
字段名称 类型 备注
title string 标题
返回值:无 - 查看网页图片进行缩放
方法名:viewLargeImage
参数:
字段名称 类型 备注
images string 网页里的图片url地址,多个用","分开
index int 要显示数组里的图片索引值
返回值:无 - toast
方法名:toast
参数:
字段名称 类型 备注
msg string
返回值:无 - 显示alert弹窗
方法名:showAlertDialog
参数:
字段名称 类型 备注
params json json格式的字符串,用于配置弹窗内容
以下为params参数范例,弹窗会根据buttons的配置按顺序依次显示按钮:
{
"title": "标题",
"msg": "弹窗内容",
"buttons": [{
"name": "取消",
"callback": "callbackFunc1"
},
{
"name": "确定",
"callback": "callbackFunc2"
}
]
}
返回值:无 - 选择城市
方法名:selectCity
参数:
字段名称 类型 备注
callback string js回调函数名,原生APP获取到城市之后,通过该函数传递给js
返回值:
- 回到首页
方法名:toHomePage
参数:无
返回值:无