Firebase Dynamic Link が非推奨になったのでふりかえる

Transcript

1. Firebase Dynamic Link が非推奨になっ たのでふりかえる offich
2. 自己紹介 梅木綾佑(うめきりょうすけ） • WEB フロント x モバイル(iOS / Android) エ ンジニア ◦ Nuxt と Flutter 関連の技術がすごく好 きです。 • 他にもアコースティックギター / スノボ / 東海オンエアが好きです
3. Firebase Dynamic Link が非推奨になった件
4. え？使えなくなるの？ そうみたい...。 サービス廃止に向けて動いているみたいです。
5. ものすごく残念な気持ち... • 次のサービスは今年の下半期に発表されるみたい？ • 発表されたあとでも発行した dynamic link 自体はまだまだ動いてる。 • Flutter エンジニアとして働いてから、初めて担当した機能なので、個人的にはとても思いがある 次はどのようなサービスが出てくるかわからないので、こ れを期にふりかえってみた せっかくだから振り返ってみよう！
6. 前提 使用している技術について Flutter: 3.7 firebase_dynamic_links: 4.0.8
7. iOS で言うと Universal Link、Android で言うと AppLinks の仕組みを楽に提供してくれる Firebase のサービス。 一言でいうと、iOS / Android アプリへ直接誘導してくれるリンク。 アプリがインストールされていたら、アプリが起動し、 逆にインストールされていなかったら、 App Store と Google Play のアプリが起動し、該当アプリの詳 細が開かれます。 これによりインストールまでのプロセスでは ただリンクを踏むだけと簡単なものになっています。 その前に Dynamic Link ってなんだっけ？
8. 使うメリット Universal Link や AppLinks を導入するときの WEB サーバーを提供してくれます。 これがとても便利！ 概要のときに話したように、Dynamic Link の中身は Universal Link と AppLinks になるので、それ ぞれ設定が必要になります。 つまりは Universal Link だったら apple-app-site-association で Store ID や Bundle IDが返ってく る、AppLinks や .well-known/assetlinks.json で Application Id が返ってくる URL を自前で用意し なければなりません。
9. 使うメリット2 アプリのサービスは展開しているんだけど、 WEB サービスはない。自前で WEB サーバーを持たない と...、なんてめんどくさいことをする必要はありません。 Firebase Dynamic Link を使えば、Firebase のコンソールをいじるだけでサブドメインと上の 2つの URL を用意してくれます。 https://subdomain.page.link/apple-app-site-association https://subdomain.page.link/.well-known/assetlinks.json
10. ここからは導入して運用してどうだった？を 今から実際の利用シーンやその他詰まったことを話していきます 実際に運用してどう？
11. 結構社内でも Dynamic Link を言っていて、エンジニアはもちろんビジネス側とのコミュニケーション で勘違いなどが発生していたので、話を進める前に改めてここでも用語の確認をする。 ショートリンク: https://subdomain.page.link/abcdef リダイレクト先: https://example.com Dynamic Link: 上のショートリンクと同じ。 Universal Link: Dynamic Link の iOS 版。 AppLinks: Dynamic Link の Android 版。 用語の確認が多かった
12. ローカルでの動作確認ってどうやっているの？ 実際リンクを踏んで起動するって、ローカルで検証できるの？ YES!!! シュミレーターの中にあるメモ帳に Dynamic Link を貼り、 それをタップして、アプリに遷移するかを確かめるで OK ！！
13. ローカルでの動作確認ってどうやっているの？ 2 Flutter に書くコードはこちら。 初回起動時に発火するのが getInitialLink のメソッ ド。 バックグラウンドからの復帰時に実行されるのが onLink.listen の中のコールバック処理。 ここにリダイレクト先にあるリンクから情報を取得する などして、特定のスクリーンに遷移させる、ログを残 す、ユーザー属性に値を付与するなどなど、好きな処 理を書くことができる。
14. ここからはどんな感じで利用しているの？を紹介していく。 利用シーン
15. TextField にパラメーターに入っている値を プリセットして自動入力してあげるなどできるので便利。 プレゼントコードや招待コードが入っているとユーザーの負担が減 るので UX の観点から見て良いと感じている。 値をプリセットしてあげるなどで便利
16. ポイント付与 Dynamic link にポイント付与トランザクション ID を付与して、 それを使いまわしてアプリからポイント付与 API を叩く。 叩いた結果をアプリで表示する。
17. アプリ内で生成してリンクをシェア 社内の Admin から生成された Dynamic Link を一般ユー ザーが読み込むのが多いですが、アプリ内で Dynamic Link を発行できます。 Flutter の Dynamic Link の SDK にはしっかりショートリンクを 生成する API があるので、それを使いたい招待機能などのリ ンクをシェアするのに使っています。
18. 困ったこと 多くの利用シーンがありますが、困ったことも多くありました。 同じく困った人の助けになればと思います。
19. 生成するときはしっかりリクエストで渡すものを確認して 管理画面で生成したショートリンクを踏んでも、 App Store にリダイレクトしなかったことがある。 このときパラメーターが正しく渡っていなかった ので、きちんと確認しましょう。
20. ショートリンクの Analytics は気をつけて Firebase のコンソールで作成した ショートリンクの Analytics は 確認することができるが、 ショートリンク API で作成したリンク の Analytics は別途 API 叩かないと 見ることができない。 そもそもプロジェクトの Dynamic Link のリンク一覧に表示されない。 ↑クリック数 / リダイレクト数 / インストール数などなど
21. ショートリンクの Analytics は気をつけて 2 どうやって取得すればいいかというと、別途 API が用意されているので、それを叩く。 https://firebase.google.com/docs/reference/dynamic-links/analytics?hl=ja
22. Android だけ起動時にコールバックが発火しない なぜかはわからないですが、 Android だけ Google Play からインストールしたあと でコールバックが発火しないことが起こっていた。 振り返ると、初回起動時とバックグランドから復帰時の 処理がしっかり initialLink を取るようにしましょう。 このとき iOS はコールバックと2重でリンクを受け取っ た後の処理で実行されるので、そこはハンドリングをき れいに追加しましょう
23. ショートリンクからクエリパラメーターを取る これが一番詰まったことであり、 要件として Dynamic Link を外部の会社に生成してもらう必要があるが、 何に詰まっていたかと言うと、 Dynamic Link のショートリンクに付与されたパラメーターをアプリの 中で取得することができない。 起動されたことにフックして発火するコールバックの引数にショートリンクに付与されているパラメー ターを取得する API やプロパティが生えていない。 https://dynamic-short.page.link/abcdef?hoge=fuga この hoge=fugaを取れない
24. このパラメーターを取るために先方に dynamic link を発行させるのは工数を多くとってしまう 結局どうしたか？ 結論ショートリンクを直接使わず、このような形式のリンクでアプリに遷移できる。 https://subdomain.page.link/?link=https://example.com&hoge=fuga&apn=${Android Package Name}&isi={iOS Store Id}&ibi=${iOS BundleId} ショートリンクからクエリパラメーターを取る その2
25. Dynamic Link に link というクエリパラメーターをつけると、動作などについては今までと基本同じ。 これはドキュメントなどに明記されていなかったが、 Dynamic Link のショートリンクはこの長い URL のエイリアスだったことがわかった。 https://dynamic-short.page.link/abcdef?hoge=fuga ↓ https://subdomain.page.link/?link=https://example.com&hoge=fuga&apn=${Android Package Name}&isi={iOS Store Id}&ibi=${iOS BundleId} ショートリンクからクエリパラメーターを取る その3
26. コールバックの引数の link には link のクエリパラメーターの値がそのまま入っている。 ここの APN / ISI / IBI のクエリパラメーターがものすごく大事 です。そうでないと、アプリへの遷移が 動かなかった。 APN = Android Package Name ISI = iOS Store Id IBI = iOS Bundle Id ショートリンクからクエリパラメーターを取る その4
27. 残課題 Dynamic Link の利用シーンを多くまとめましたが、 もちろん対応しきれていない部分もある。
28. 直接画面に飛ばしてあげる EC やメディアアプリなどリソースの詳細を持っているアプリなどは詳細画面に遷移してあげるのが 一番良さそうな動きだか、この辺の実装が難しくできていない。 この辺は go_router を入れるなどして、ルーティングを整備してユーザー体験の向上を図っていき たいと思っている。
29. まとめ アプリへ直接誘導してあげられるのは、結構便利になります。 何よりビジネスやマーケティング観点からアプリインストールまでの敷居が下がるため、非常に好 評でした。 元々はアプリインストールのきっかけを作るものでしたが、テキスト Input のプリセット、ポイント付 与、シェア機能などのユースケースも相まって、まだまだアプリに遷移にしたときに発火するコール バックを利用して、まだまだ多くの施策を打てると思いきや、 それにより、非推奨になってしまったことについては残念でしかありません。 しかし、このアプリ遷移への施策について担当してきたため、次の Deep Link サービスについて調 べ、引き続きインストール後の特典を付与し続けたい。