開発者は、クイックアプリをアプリケーション市場に投入した後、クイックアプリの公開率を高め、トラフィックを増やすために、クイックアプリに複数の入り口を設けることを望んでいます。高速アプリケーションのオープンスタンダードディープリンク機能は、開発者のニーズを満たすことができます。
アプリケーションシナリオ
ディープリンクは、次のシナリオで適用できます。
- ソーシャルシェアリング
ソーシャルアプリを通じて高速アプリのディープリンクリンクを共有すると、ユーザーはリンクをクリックして高速アプリを直接開くことができます。
- 広告の宣伝
高速アプリのディープリンクリンクを広告プロモーションページに配置すると、ユーザーはリンクをクリックして高速アプリを直接開くことができます。
- 運用活動
運用アクティビティを実施するときに、高速アプリを使用してユーザーをイベントに参加させる場合、高速アプリのディープリンクリンクを運用アクティビティのプロモーションページに埋め込んで、ユーザーの参加を促進できます。
フォーマットのサポート
高速アプリケーションディープリンクは、次のリンク形式をサポートしています。
推奨用途
hap://app/<package>/[path][?key=value]
https://hapjs.org/app/<package>/[path][?key=value]
Huawei電話にのみ適用:
hwfastapp://<package>/[path][?key=value]
-
package:アプリケーションパッケージ名、必須。
-
path:アプリケーション内のページのパス。オプションで、入力しない場合、デフォルトはホームページです。
-
Key-Value:ページに渡す必要があるパラメーター、オプション、複数ある場合があります。渡されたパラメータ値は他のアプリケーションによって取得される可能性があります。高いセキュリティ感度でデータを渡さないことをお勧めします。
開発プロセス
以下では、Deeplinkの使用方法を説明する例として、ジャンプパッケージ名com.huawei.quickappを使用したクイックアプリケーションデモを取り上げます。
クイックアプリケーションデモのmanifest.jsonファイルを通じて、次の情報を取得できます。
-
パッケージ名:com.huawei.quickapp。
-
アプリケーション名:デモ。
-
ページ:Helloと詳細の2つのページが含まれます。Helloはホームページです。
Deeplinkを呼び出して高速アプリで高速アプリのデモを開くためのサンプルコードは次のとおりです。
import router from '@system.router'
router.push({
uri: 'hap://app/com.huawei.quickapp’
})
リンクをクリックしてWebページでクイックアプリのデモを開くサンプルコードは次のとおりです。
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href=“hap://app/com.huawei.quickapp”>跳转到快应用demo</a>
</body>
</html>
上記の例では、ジャンプ先の特定のページを構成していないため、デフォルトでは、クイックアプリケーションデモのホームページHelloに移動します。詳細ページに調整する場合は、コードを次のように変更できます。
import router from '@system.router'
router.push({
uri: 'hap://app/com.huawei.quickapp/Detail’
})
パラメーターを詳細ページに渡す必要がある場合は、パラメーターをKey-Valueの形式でスプライスし、複数のパラメーターを使用および接続できます。sourceパラメータとnameパラメータが詳細ページに渡されると仮定すると、コードは次のように変更されます。
import router from '@system.router'
router.push({
uri: 'hap://app/com.huawei.quickapp/Detail?source=net&name=aa’
})
詳細ページにアクセスした後にパラメーター値を取得するコードは次のとおりです。
onShow: function () {
var nameValue=this.name;
var sourceValue=this.source;
}
開発後、Deeplinkをローカルでテストして、ジャンプリンクの精度を確認できます。
注:テストする前に、Huaweiクイックアプリローダーに対象のクイックアプリの使用記録があることを確認してください。
テスト
方法1:android adbコマンドを使用します(コンピューターはadb環境を構成する必要があります)
adb shell am start -a android.intent.action.VIEW -d hap://app/com.huawei.quickapp/Detail
注:コマンドテストの使用は、複数のパラメーターが渡されるシナリオには適用されません。
方法2:ローカルWebページでテストするディープリンクハイパーリンクを追加する
<!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>
詳細については、以下を参照してください。
クイックアプリ開発ガイドドキュメント:https : //developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-whitepaper
ディープリンクアクセスガイド:https ://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-develop-deeplink
開発者のディスカッションに参加するには、Redditコミュニティにアクセスしてください:https : //www.reddit.com/r/HMSCore/
デモとサンプルコードをダウンロードするには、Githubにアクセスしてください:https : //github.com/HMS-Core
統合の問題を解決するには、Stack Overflowにアクセスしてください:https : //stackoverflow.com/questions/tagged/huawei-mobile-services?tab=Newest
元のリンク:https : //developer.huawei.com/consumer/cn/forum/topicview?tid=0203357572509390834&fid=18
作者:Drum Chao