Hybrid App交互方案-原生和H5间的界面跳转(二)

页面跳转说明

H5 页面在业务流程处理中,可能会需要引导用户到原生APP界面完成部分功能,然后再返回。也可能需要客户端帮忙在新的页面中打开指定链接,避免污染当前浏览器环境的页面路径。

当 H5 调用 nativeActivity 完成页面功能跳转的时候,需要传递一个 URI 地址,客户端可根据 URI 地址的 Schema 协议部分作出响应:

  • native://path 代表要跳转至原生 APP 界面,其中 path 代表原生界面路径

  • https://path 代表要跳转目标是一个网页地址


地址:native://user/login

说明:跳转至用户登录页面,用户登录成功后返回当前页。

参数:无


地址:native://user/profile/edit

说明:跳转至用户资料编辑页,修改用户资料详情。

参数:无


地址:native://app/setting

说明:跳转至系统设置页。

参数:无


地址:native://user/im

说明:跳转至聊天消息主页,此 API 仅可以在主页四大版块中使用。

参数:无


地址:native://user/address

说明:跳转至用户收货地址列表页。

参数 类型 必须 说明
select Boolean 表明是否是要求用户选择收货地址

地址:native://media/video

说明:跳转至视频播放页面。

参数 类型 必须 说明
auto Boolean 表明页面打开时是否直接播放视频
url String 视频的播放地址

地址:native://media/image

说明:跳转至图片查看页面。

参数 类型 必须 说明
data Array 图片数据,数组类型,不一样的场景传递的数据格式不一样
index Integer 当图片是多张时默认要打开的图片索引,默认 = 0
scene String 要使用的图片查看的场景
  • default 场景,可以缩放、滑动、保存图片。
data = [url, url, url];
  • homepage 场景,可以缩放、滑动、保存、删除图片。
data = [
    {
        id: 100, // 此处代表图片ID,删除的时候需要上传此ID
        url: xxxx, // 此处代表图片的网络地址,可以直接加载显示
    },
    ...
];

地址:native://user/infom

说明:跳转至举报页面 fid和user_no必须传且只能传其中一个。

参数 类型 必须 说明
fid String 举报的文章ID
user_no String 举报的用户user_no
relation String 字符串”article“是指举报文章 字符串“user”是指举报用户

地址:native://media/Message

说明:跳转至语音留言页面,用户自己留言成功后返回当前页。

参数:无

你可能感兴趣的:(Hybrid App交互方案-原生和H5间的界面跳转(二))