Lewati ke konten utama
menjadi.dev
Mobile

Deep Linking

Mekanisme membuka halaman spesifik di aplikasi dari URL eksternal.

Deep linking memungkinkan aplikasi mobile dibuka ke halaman spesifik dari URL — dari notifikasi, email, website, atau aplikasi lain. Tiga jenis: custom scheme (myapp://product/123), Universal Links (iOS, https://domain.com/product/123), App Links (Android). React Navigation mendukung deep linking via linking config yang memetakan pola URL ke screen. Prefixes mendaftarkan skema kustom dan domain. Konfigurasi di Expo via app.json (scheme field). Testing: npx uri-scheme open di simulator, atau klik link di Safari/Chrome. Use case: buka chat spesifik dari notifikasi, buka produk dari email promosi, redirect dari web ke app.

Contoh Kode

const linking = {
  prefixes: ["myapp://"],
  config: {
    screens: {
      Product: "product/:id",
      Profile: "profile",
    },
  },
};

<NavigationContainer linking={linking}>
  <Stack.Navigator>...</Stack.Navigator>
</NavigationContainer>