HarmonyOS鸿蒙Next中【快应用】网页跳转快应用测试指导

HarmonyOS鸿蒙Next中【快应用】网页跳转快应用测试指导

背景：

在接入网页跳转快应用能力并集成为html文件后，如何去测试跳转快应用的能力？

解决方法：

  1. 首先将js脚本集成进网页中，再通过approuter方式去拉起快应用。

fastapp.html示例代码：

<html>
<head>    
    <title>URL跳转配置</title>    
    <script type="text/javascript" src="//statres.quickapp.cn/quickapp/js/routerinline.min.js"></script>
</head>
<body>
<!-- 调起应用 -->
<script type="text/javascript">
    appRouter("co.huawei.showcase", "/Component/container/div", { a: 1, b: 'abc', __PARAM_HUAWEI_CREATESHORTCUT__: 2, __PARAM_HUAWEI_CREATESHORTCUT_MODEL__:1 });
</script>
</body>
</html>
  1. 有服务器环境的可以直接生成网页链接，在华为浏览器里去打开网页去跳转到快应用。无服务器的也可以通过搭建本地服务器的方式去生成网页链接去测试。

本地服务器的搭建方式：

  1. 在fastapp.html所在文件路径下启动终端并执行命令 npm http-server 安装环境。

  2. http-server启用本地服务器

  3. 在华为浏览器里输入生成的链接（http://自己的IP地址:8080/fastapp.html）打开并跳转到快应用。

PS：选择快应用中心打开是跳转到现网快应用，开发阶段调试可以选择快应用加载器打开，不过加载器有现有目标快应用的使用记录，否则会提示未找到快应用，无法打开。


更多关于HarmonyOS鸿蒙Next中【快应用】网页跳转快应用测试指导的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

学到了

更多关于HarmonyOS鸿蒙Next中【快应用】网页跳转快应用测试指导的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


很强

学习

在HarmonyOS鸿蒙Next中测试【快应用】网页跳转，首先确保开发环境已配置完毕，包括DevEco Studio和快应用调试器。在项目中创建快应用页面，使用router.push或router.replace方法实现页面跳转。在测试时，通过DevEco Studio的模拟器或真机调试功能，验证跳转逻辑是否正确。检查跳转后的页面加载、数据传递及返回操作是否正常。使用快应用调试器查看日志，确保无错误信息。最后，进行多场景测试，确保功能稳定性和兼容性。

回到顶部