如何用Deeplink為快應用提供多個快速直達入口

來源: HUAWEI
作者:AppGallery Connect
時間:2020-12-10
17471
華為開發(fā)者將快應用上架應用市場后,希望能有多個入口直達快應用,從而提高其快應用的曝光率,帶來更多的流量。而快應用開放的標準deeplink能力可以滿足開發(fā)者的需求。

開發(fā)者將快應用上架應用市場后,希望能有多個入口直達快應用,從而提高其快應用的曝光率,帶來更多的流量。而快應用開放的標準deeplink能力可以滿足開發(fā)者的需求。

應用場景

Deeplink可以應用在如下場景:

社交分享

將快應用的Deeplink鏈接,通過社交軟件進行分享,用戶點擊鏈接就可以直接打開快應用。

廣告推廣

將快應用的Deeplink鏈接,放入廣告推廣頁面,用戶點擊鏈接就可以直接打開快應用。

運營活動

進行運營活動時,如果使用快應用來吸引用戶參與到活動中,可以將快應用的Deeplink鏈接嵌入到運營活動宣傳頁面,從而方便用戶的參與。

格式支持

快應用Deeplink支持以下鏈接格式:

推薦使用:

hap://app/<package>/[path][?key=value]

https://hapjs.org/app/<package>/[path][?key=value]

僅適用于華為手機:

hwfastapp://<package>/[path][?key=value]

package:應用包名,必選。

path:應用內(nèi)頁面的path,可選,不填寫的話,默認為首頁。

key-value:需要傳給頁面的參數(shù),可選,可以有多個。傳遞的參數(shù)值有可能被其他應用獲取,建議不要傳遞安全敏感度較高的數(shù)據(jù)。

開發(fā)過程

以下我們以跳轉(zhuǎn)包名為com.huawei.quickapp的快應用demo為例,講解Deeplink的使用。

通過快應用demo的manifest.json文件,我們可以獲得如下信息:

包名:com.huawei.quickapp。

應用名稱:demo。

頁面:包含Hello和Detail兩個頁面,其中Hello為首頁。

0900086000150224722.20200917202021.47558552106234006674270613182662.png

在快應用中調(diào)用Deeplink打開快應用demo的示例代碼如下:

import router from '@system.router'

router.push({

uri: 'hap://app/com.huawei.quickapp’

})

在網(wǎng)頁中通過點擊鏈接打開快應用demo的示例代碼如下:

<html>

   <head>

       <meta charset="UTF-8">

       <title></title>

   </head>

   <body>

       <a href=“hap://app/com.huawei.quickapp”>跳轉(zhuǎn)到快應用demo</a>

   </body>

</html>

以上例子沒有配置跳轉(zhuǎn)的具體頁面,所以默認進入快應用demo的首頁Hello,如果想調(diào)整到Detail頁面,代碼可以修改為:

import router from '@system.router'

router.push({

uri: 'hap://app/com.huawei.quickapp/Detail’

})

如果還需要向Detail頁面?zhèn)鬟f參數(shù),可以將參數(shù)以key-value形式拼接在后面,多個參數(shù)使用&連接。假設向Detail頁面?zhèn)鬟fsource和name參數(shù),則代碼修改為:

import router from '@system.router'

router.push({

         uri: 'hap://app/com.huawei.quickapp/Detail?source=net&name=aa’

})

接入Detail頁面后獲取參數(shù)值的代碼如下:

onShow: function () {

         var nameValue=this.name;

         var sourceValue=this.source;

}

開發(fā)完,可以在本地對Deeplink進行測試,從而驗證跳轉(zhuǎn)鏈接的準確性。

注意:測試前,請確保華為快應用加載器中有目標快應用的使用記錄。

測試

方法一:使用 android adb 命令(電腦需配置好adb環(huán)境)

adb shell am start -a android.intent.action.VIEW -d hap://app/com.huawei.quickapp/Detail

注意:使用命令測試不適用傳遞多個參數(shù)的場景。

方法二:在一個本地網(wǎng)頁中添加需測試的Deeplink超鏈接

<!DOCTYPE html>

<html>   

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

         <script type="text/javascript">

             window.location.href="hap://app/com.huawei.quickapp/Detail?source=net&name=aa";

        </script>  

  </body>

</html>

立即登錄,閱讀全文
版權(quán)說明:
本文內(nèi)容來自于HUAWEI,本站不擁有所有權(quán),不承擔相關法律責任。文章內(nèi)容系作者個人觀點,不代表快出海對觀點贊同或支持。如有侵權(quán),請聯(lián)系管理員(zzx@kchuhai.com)刪除!
掃碼登錄
打開掃一掃, 關注公眾號后即可登錄/注冊
加載中
二維碼已失效 請重試
刷新
賬號登錄/注冊
個人VIP
小程序
快出海小程序
公眾號
快出海公眾號
商務合作
商務合作
投稿采訪
投稿采訪
出海管家
出海管家