Januari 22, 2025 • Knowledge, Business, Mobile App • by Wahyu Untoro

Integrasi Deeplink dan Applink: Meningkatkan Pengalaman Pengguna Web dan Aplikasi

Integrasi Deeplink dan Applink: Meningkatkan Pengalaman Pengguna Web dan Aplikasi

deeplink & applink integration - timedoor indonesia

Pernahkah Anda mengklik tautan yang langsung membuka aplikasi yang terinstal di perangkat Anda? Kejadian umum ini pada platform seperti e-commerce dimungkinkan melalui teknologi tautan pintar. Berikut beberapa alasan mengapa integrasi deeplink dan applink sangat bermanfaat:

1. Keamanan Lebih Baik:

Deeplink melindungi pengguna dari ancaman scam dengan memastikan tautan tidak dapat mengarahkan ke aplikasi pihak ketiga yang berisiko, sehingga mengurangi potensi serangan malware.

2. Navigasi Halaman yang Tepat:

Ketika pengguna mengklik tautan produk tertentu, aplikasi langsung terbuka di halaman produk tersebut (jika terinstal). Jika aplikasi tidak terinstal, pengguna tetap diarahkan ke halaman yang sama di versi web.

3. Pengalaman Pengguna yang Lancar:

Deeplink memungkinkan transisi mulus antara aplikasi dan web, menciptakan pengalaman pengguna yang nyaman dan meningkatkan retensi pengguna.

4. Berbagi Tautan dengan Mudah:

Dengan deeplink, pengguna dapat berbagi tautan langsung ke halaman tertentu. Tanpa deeplink, penerima tautan harus mencari halaman tersebut secara manual di aplikasi.

Istilah Penting: Deeplink, Applink, dan Weblink

Memahami istilah kunci dalam teknologi ini:

  • Weblink: Tautan standar yang umum digunakan, seperti timedoor.net.
  • Deeplink: URL yang mirip dengan weblink tetapi dapat membuka halaman tertentu dalam aplikasi. Jika aplikasi tidak terinstal, pengguna diarahkan ke halaman web.
  • Applink: URL yang dirancang khusus untuk membuka halaman dalam aplikasi, seperti app:timedoor.net.
weblink applink deeplink timedoor indonesia

Mengapa Menggunakan Applink?

Meskipun deeplink efektif untuk banyak kasus, applink lebih cocok dalam situasi tertentu:

1. Identifikasi Jalur URL yang Ambigu

Jika sebuah website menggunakan URL seperti example.com/contoh_barang untuk produk dan example.com/post untuk artikel, aplikasi mungkin kesulitan menentukan halaman yang harus dibuka. Applink membantu mengarahkan tautan secara eksplisit ke aplikasi.

2. Masalah Infinite Loop di Webview

Bayangkan Anda sedang menggunakan sebuah aplikasi, lalu mengklik tautan seperti “Kebijakan Privasi” yang seharusnya dibuka di dalam aplikasi itu sendiri (melalui WebView). Tapi, ada masalah: tautan tersebut secara otomatis memicu deeplink, yang dirancang untuk membuka aplikasi utama.

Akibatnya: WebView di aplikasi terbuka.

WebView memicu deeplink untuk membuka aplikasi utama. Aplikasi utama terbuka kembali ke WebView. Siklus ini terus berulang (WebView > aplikasi > WebView > aplikasi), menyebabkan loop tak berujung.

Hasilnya? Aplikasi nge-hang atau bahkan perangkat menjadi lambat karena penggunaan memori yang berlebihan.

Solusi dengan Applink: Untuk mengatasi ini, applink dapat digunakan untuk memastikan tautan tertentu (seperti kebijakan privasi atau halaman lain) tetap berada di dalam WebView tanpa memicu siklus tak berujung. Dengan applink, aplikasi akan tahu kapan harus membuka tautan di WebView dan kapan harus membuka aplikasi utama.

Implementasi Deeplink dan Applink

Android

Untuk menambahkan deeplink atau applink, modifikasi file AndroidManifest.xml dengan kode berikut:

xml
<intent-filter android:autoVerify="true">
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="https" />
    <data android:host="yourdomain.com" /> <!-- Ganti dengan domain Anda -->
</intent-filter>

Di server, tambahkan file assetlinks.json di direktori .well-known:

json
[
  {
    "relation": ["delegate_permission/common.handle_all_urls"],
    "target": {
      "namespace": "android_app",
      "package_name": "com.application.id", <!-- Ganti dengan application ID -->
      "sha256_cert_fingerprints": [
        "10:9B:4B:1E:DC:E7:ED:92:5A:2B:41:E6:CA:1B:9B:DE:63:B2:08:58:1C:F4:8D:D8:25:F4:9D:CD:5E:4D:BE:48" <!-- Ganti dengan fingerprint aplikasi -->
      ]
    }
  }
]

Validasi dengan perintah berikut:

bash
adb shell am start -a android.intent.action.VIEW \
-c android.intent.category.BROWSABLE \
-d https://yourdomain.com

iOS

Untuk iOS, tambahkan domain Anda di Signing & Capabilities:

+ Capability > Associated Domains.

ios-deeplink-applink-timedoor-indonesia

Kemudian tambahkan entri berikut di info.plist:

xml
<key>CFBundleURLName</key>
<string>yourdomain.com</string> <!-- Ganti dengan domain Anda -->
<key>CFBundleURLSchemes</key>
<array>
    <string>https</string>
</array>

Di server, tambahkan file apple-app-site-association di direktori .well-known:

json
{
  "applinks": {
    "apps": [],
    "details": [
      {
        "appID": "teamId.com.application.id", <!-- Ganti dengan {team id}.{bundle id} -->
        "paths": ["/page1", "/page2"] <!-- Tambahkan halaman yang bisa membuka aplikasi -->
      }
    ]
  }
}

Untuk memverifikasi, akses:

https://app-site-association.cdn-apple.com/a/v1/yourDomain.com

Kesimpulan

Jika anda ingin membuat aplikasi dan web yang seemless dan saling terintegrasi. Timedoor Indonesia dapat membantu Anda mengimplementasikan teknologi ini, jangan ragu untuk menghubungi kami untuk konsultasi. Tim ahli kami siap membantu Anda menciptakan pengalaman pengguna yang lancar dan efisien.

Testing