天天看點

【快應用】網頁跳轉快應用測試指導

背景:

在接入網頁跳轉快應用能力并內建為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>      

​2、  有伺服器環境的可以直接生成網頁連結,在華為浏覽器裡去打開網頁去跳轉到快應用。無伺服器的也可以通過搭建本地伺服器的方式去生成網頁連結去測試。

本地伺服器的搭建方式:

1、  在fastapp.html所在檔案路徑下啟動終端并執行指令 npm http-server 安裝環境。

【快應用】網頁跳轉快應用測試指導
【快應用】網頁跳轉快應用測試指導

2、  http-server啟用本地伺服器

【快應用】網頁跳轉快應用測試指導

3、  在華為浏覽器裡輸入生成的連結(​​​​​http://自己的IP位址:8080/fastapp.html)打開并跳轉到快應用。​​

【快應用】網頁跳轉快應用測試指導

​​

繼續閱讀