【HarmonyOS NEXT】如何通过h5拉起应用(在华为浏览器中拉起应用)

华为浏览器支持拉起外部应用

浏览器访问网页经常会遇到deeplink的场景。当前处理方案统一为使用AMS系统能力startAbility去隐式拉起。传递的want参数为

{

"actions": "ohos.want.action.viewData",

"uri": deeplink链接

}

网页需要给自己的应用拉活,因此在网页中添加按钮引导用户拉应用。网页端直接提示打开应用按钮绑定点击事件window.open(iyingyong://www.yingyong.com?url=XXX)>,点击该按钮,打开网页web端收到的url为iyingyong://www.yingyong.com?url=XXX

应用想被成功拉起则需要应用在工程的model.json5文件中配置abilities的skills中配置

复制代码
{
    "actions": [
        "ohos.want.action.viewData"
    ],
    "uris": [
        {
            "scheme": "iyingyong"
        }
    ]
}

需要注意deeplink链接的scheme协议头必须网页拉起的链接的应用配置的保持一致。

另外浏览器不会对deeplink链接做任何解析或处理,只会原封不动的传递给拉起的应用。因此第三方应用只需要自己的网页端和应用端协商好url规则,自己去做解析打开对应页面即可

浏览器拉起应用,前端网页:

html 复制代码
<!DOCTYPE html>
<html>
<body>
<div>
<button type="button" onclick="goToLink()">拉起应用</button>
</div>
</body>
</html>
<script>
function goToLink() {
window.open('iyingyong://xxxxxx/')
}
</script>

应用配置:

javascript 复制代码
{
"actions": [
"ohos.want.action.viewData"
],
"uris": [
{
"scheme": "iyingyong"
}
]
}

如果使用web拉起

javascript 复制代码
Web({ src: $rawfile('local.html'), controller: this.controller })
.onLoadIntercept((event) => {
if (event) {
let url: string = event.data.getRequestUrl();
console.log(url)
if (url.indexOf('iyingyong://') === 0) {
// 跳转拨号界面
const want: Want = {
uri: 'iyingyong://xxxxxx'
}
const context = getContext(this) as common.UIAbilityContext;
context.startAbility(want).then(() => {
//拉起成功
}).catch(() => {
})
return true;
}
}
return false;
})
相关推荐
eqwaak010 分钟前
科技信息差(9.13)
大数据·开发语言·人工智能·华为·语言模型
云雾J视界36 分钟前
AI赋能与敏捷融合:未来电源项目管理者的角色重塑与技能升级——从华为实战看高技术研发项目的管理变革
人工智能·华为·项目管理·电源研发·敏捷项目·电源项目
爱笑的眼睛1114 小时前
HarmonyOS 应用开发深度解析:基于声明式UI的现代化状态管理实践
华为·harmonyos
前端世界14 小时前
HarmonyOS 实战:如何用数据压缩和解压让应用更快更省
华为·harmonyos
哦***715 小时前
华为FreeBuds 7i其他手机能用空间音频吗?如何开启?
华为·音频
安卓开发者15 小时前
鸿蒙Next Web组件详解:属性设置与事件处理实战
前端·华为·harmonyos
安卓开发者15 小时前
鸿蒙NEXT Web组件与JavaScript交互:打通原生与前端的桥梁
前端·javascript·harmonyos
森之鸟15 小时前
鸿蒙审核问题——折叠屏展开态切换时,输入框内容丢失
华为·harmonyos
不爱吃糖的程序媛15 小时前
表格底部增加一行合计功能的实现
华为·harmonyos
vipers_16 小时前
鸿蒙的编程软件的介绍
鸿蒙·鸿蒙编程软件