【Flutter】アプリのAppLink・DeepLink・UniversalLinkを20秒で作る

Flutter

アプリのAppLink・DeepLink・UniversalLinkを作る

どの記事を読んでも「ほんとにソレ出来るの?」(ソワソワ)としたので、メモとして。

作り方

iOS

Info.plistに以下を追記。

<key>FlutterDeepLinkingEnabled</key>
<true/>
<key>CFBundleURLTypes</key>
<array>
    <dict>
    <key>CFBundleTypeRole</key>
    <string>Editor</string>
    <key>CFBundleURLSchemes</key>
    <array>
        <string>〇〇</string> // ここは〇〇://の〇〇の部分!
    </array>
    </dict>
</array>

環境わけをギチギチにしっかりやってるマンは$(appName)だったり、$(appId)もいいと思う。

過去のワイは$(appName)が”SogaSoga”で”S”が大文字で開けない!みたいなことがあったぞ、大文字が原因かは不明。

おすすめ環境分け記事

【Flutter 3.19対応】Dart-define-from-fileを使って開発環境と本番環境を分ける

Android

AndroidManifest.xmlに以下を追記

<meta-data android:name="flutter_deeplinking_enabled" android:value="true" />
<intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="〇〇"/> // ここは〇〇://の〇〇の部分!
</intent-filter>

環境わけをギチギチにしっかりやってるマンは@string/app_nameとか(ry

過去のワイは@string/app_nameが”SogaSoga”で”S”が大文(ry

呼び出し方

〇〇://hogehoge/hugahuga

iOSはSafariで直接〇〇://hogehoge/hugahugaと打つと遷移できますが、AndroidはChromeで打ち込んでも出来ないことがあります。なんでやねん。

そんな時はhtmlで〇〇://hogehoge/hugahugaを開くコードを生成し、それをAndroidで開くと上手く遷移が試せます。コマンドでやるよかエレガント。

最後に

20秒でここに来れれば上出来!

投稿主は2時間かかった!

Buy me a coffee!

Flutterアプリ開発
シェアする
sogaをフォローする
タイトルとURLをコピーしました