<h1>Flutter セットアップメモ</h1>
<h2>TL;DR</h2>
<p>新規Flutter案件で以下の状態にできるまで、</p>
<ul>
<li>flavor対応</li>
<li>firebase cloud messagingとcrashlyticsのセットアップ</li>
<li>ビルドして配布</li>
</ul>
<h2>目次</h2>
<ol>
<li>build, flavor設定(2.0h)
<ul>
<li>[ ] Firebase: Config作成・設置</li>
<li>[ ] 🍎 証明書作成 / dev, stg(AdHoc), prod(AppStore)</li>
<li>[ ] 🤖 key store作成</li>
</ul>
</li>
<li>AppIcon設定(0.5h)</li>
<li>Firebase設定(2.0h)
<ul>
<li>[ ] Cloud Messaging</li>
<li>[ ] Crashlytics</li>
</ul>
</li>
<li>UI統一(0.5h)</li>
<li>(Optional) Lint / CI/CD</li>
<li>(Optional)</li>
</ol>
<h2>1. build, flavor設定</h2>
<blockquote>
<p>目標: flutter run --flavor dev --target lib/main-dev.dartでdev環境を立ち上げる.</p>
</blockquote>
<h3>#Firebase: Config作成・設置(1.0h)</h3>
<ul>
<li>[ ] <a href="https://console.firebase.google.com/">Firebase Console</a>プロジェクト作成(dev, stg, prod)</li>
<li>[ ] iOS用アプリ追加・GoogleService-info.plistダウンロード(dev, stg, prod)</li>
<li>[ ] Android用アプリ追加・google-service.jsonダウンロード(dev, stg, prod)</li>
<li>[ ] <code>project-dir/.firebase/dev(stg|prod)/</code>にConfigファイルを設置</li>
<li>[ ] <code>flutter_flavorizr</code>, <code>flutter_flavor</code>の導入 -> <code>flutter pub run flutter_flavorizr</code></li>
</ul>
<h3>#🍎 証明書作成</h3>
<h3>Certificateの作成</h3>
<blockquote>
<p>アプリ開発・公開のための証明書(Push通知を送る場合明確に指定する必要がある)</p>
</blockquote>
<ul>
<li>[ ] 認証局に要求 - CertificateSigningRequest.certSigningRequestの作成</li>
<li>[ ] Certificateの作成・ダウンロード - iOS App Development / iOS Distribution(AppStore, AdHoc用)</li>
<li>[ ] 証明書の登録(ダブルクリック)・Certificateに追加されているか確認</li>
</ul>
<h3>Identifierの登録</h3>
<blockquote>
<p>XCodeが自動で登録してくれる場合もある(XCから始まるもの)が自分で作ってしまった方が確実.</p>
</blockquote>
<ul>
<li>[ ] <a href="https://developer.apple.com/account/resources/identifiers/list">Identifier</a>の追加</li>
<li>[ ] BundleIDを入力(ユニークID)</li>
<li>[ ] (Optional) テスト作成のためならsuffixとして「*」を入れることでワイルドカードAppIDとして登録できる</li>
<li>[ ] Capabilitiesにアプリで使うサービスにチェックを入れる(Push Notification)</li>
</ul>
<h3>Provisioning Profileの作成</h3>
<blockquote>
<p>UI確認のためだけならワイルドカードIdentifierを指定してもok(Push通知などを確認したい場合は固有のものを)</p>
</blockquote>
<ul>
<li>[ ] Deviceの追加(UUIDの確認はFinder, iTunesから)</li>
<li>[ ] Provisioning Profileの作成(dev, stgはAdHoc, prodはAppStore)</li>
<li>[ ] 証明書の登録(ダブルクリック) - 有効期限は１年間</li>
</ul>
<h3>#🤖 key store作成</h3>
<blockquote>
<p>参考</p>
</blockquote>
<ul>
<li>[ ] 証明書の作成(cli) -> jksファイルとaliasを控えておく</li>
<li>[ ] jksファイルを<code>android/app</code>に移動</li>
<li>[ ] <code>android</code>直下にkeystore.propertiesファイル作成 / <strong>外部公開しないように注意</strong> .gitignoreするかprivateリポリトリで管理するか</li>
<li>[ ] <code>build.gradle</code>を編集</li>
</ul>
<h2>2. AppIcon設定</h2>
<ul>
<li>[ ] <code>flutter_launcher_icons</code>の追加</li>
<li>[ ] 🍎 alpha channelの無効化</li>
<li>[ ] 🤖 adaptive iconに対応</li>
</ul>
<h2>3. Firebase設定</h2>
<blockquote>
<p>Config作成・設置はもう済んでいる状態</p>
</blockquote>
<h3>Cloud Messaging</h3>
<blockquote>
<p>Push通知</p>
</blockquote>
<ul>
<li>[ ] 🍎 <code>+ Capabilities</code>から<code>Push Notification</code>と<code>Background Modes</code>を追加</li>
<li>[ ] 🍎 BackgroundModesで<code>Background fetch</code>と<code>Remote notifications</code>にチェックを入れる</li>
<li>[ ] 🍎 APNs認証キーを<code>Firebase/設定/Cloud Messaging</code>にアップロード</li>
<li>[ ] 🤖 HeadsUp通知に対応</li>
</ul>
<h3>Crashlytics</h3>
<blockquote>
<p>クラッシュレポート</p>
</blockquote>
<ul>
<li>[ ] <code>main.dart</code>に記載</li>
<li>[ ] FirebaseConsoleで有効にする</li>
<li>[ ] 🍎 flavor設定が上書きされてしまうので、再上書きするshell scriptを組む</li>
</ul>
<h2>4. UI統一</h2>
<ul>
<li>[ ] 🤖 AppBarの中央揃え</li>
<li>[ ] 🤖 フォントの旧字体を無効化</li>
</ul>
