APP誕生全紀錄 - 容易忽略的必要功能2：APP跳轉

歷史發展

Mobile Deep Link

1. 如果都是註冊相同的協定，例如http，那設備怎麼知道要開啟Chrome或是Safari
2. 承1，那如果有人搶先我註冊了一樣的名字，失去了唯一性，那該怎麼辦
3. 如果使用者還沒安裝過我的APP，所以設備還沒註冊APP的協定，那點擊後會發生什麼事情

Android Web Link

<data android:scheme="http" />
<data android:host="bibleseed.nobodystudio.app" />

Android App Link

<intent-filter android:autoVerify="true">
　　<data android:scheme="http" />
　　<data android:scheme="https" />
　　<data android:host="bibleseed.nobodystudio.app" />
</intent-filter>

Apple Universal Link

規則協定

iOS驗證資料

{
　　"applinks":{
　　　　"apps":[],
　　　　"details":[{
　　　　　　"appID":"NFTC7AK8F2.com.ebible.bibleseed",
　　　　　　"paths":["NOT /_/*","/ "]
　　　　}]
　　}
}

Android驗證資料

[{
　　"relation": ["delegate_permission/common.handle_all_urls"],
　　"target": {
　　　　"namespace": "android_app",
　　　　"package_name": "com.ebible.bibleseed",
　　　　"sha256_cert_fingerprints":
　　　　["14:6D:E9:83:C5:73:06:50:D8:EE:B9:95:2F:34:FC:64:16:A0:83:42:E6:1D:BE:A8:8A:04:96:B2:3F:CF:44:E5"]
　　}
}]

URI架構

• link：是deep link的主要內容，負責導向到哪裡和APP內抓取query的參數
• apn：Android的APP主要ID
• ibi：iOS的APP主要ID
• 其他參數：可參考連結

實作範例

參數環境設定

安裝套件

#flutter pub add firebase_dynamic_links

接收/處理傳入資料

Future<void> main() async {
　　WidgetsFlutterBinding.ensureInitialized();
　　// 基本的Firebase系統init
　　await Firebase.initializeApp(options: DefaultFirebaseConfig.platformOptions);
　　// Get any initial links
　　final PendingDynamicLinkData? initialLink = await FirebaseDynamicLinks.instance.getInitialLink();
　　if (initialLink != null) {
　　　　// 這裡拿到的deepLink就是前一節提到的link參數內容
　　　　final Uri deepLink = initialLink.link;
　　　　// Example of using the dynamic link to push the user to a different screen
　　　　Navigator.pushNamed(context, deepLink.path);
　　}
　　runApp(MyApp(initialLink));
}

額外說明

加上短網址

https://bibleseed.nobodystudio.app/links/?link=https%3A%2F%2Fbibleseed.app%2F&?query&apn=com.ebible.bibleseed&ibi=com.ebible.bibleseed

https://bibleseed.nobodystudio.app/links/media

總結