一週間でWebデザイナーになれる無料講座[完結]

FlutterとFirebaseの連携の仕方[IOS編]

クラゲ
FlutterとFirebaseの連携の最初のところの作業をメモしていきます。

アンドロイドの方は簡単に連携できましたが、iOSの連携に苦労したので忘備録的にメモをしておきます

この記事の中身

  • IOSとの連携の仕方

FlutterとFirebaseの連携の仕方[iOS編]

まずFirebaseでiOSのアプリを登録しようとすると下の表示が出てきます。

必須なのはiOS bundle IDだけなのでそれの探し方をみていきましょう。(下の画面では入力済みです。)

まずAndroid studioでプロジェクトファイルを開いて、iOSのフォルダを右クリック、出てきたメニューからFlutterを選択すると”Open iOS module in Xcode”と表示されます。

これを選択すると、Xcodeで該当のフォルダを開いてくれるので便利ですね。

XcodeでルートディレクトリのRunnerをクリックすると

Bundle Identifierが表示されるのでこれをコピーしてFirebaseの”iOS bundle ID”に入力しましょう。

次にタグをSigning & Capabilitiesに切り替えて、TeamのところをNoneから自分のアカウントに変更しましょう。

それができたらNextを押して次の画面へ。

GoogleServie-Info.plistを指示の通りダウンロードします。

次に、ダウンロードしたファイルをRunner>Runnerの中にドラッグ&ドロップしましょう。

画像上で黄色いフォルダにRunnerと書かれているところに入れればOKです。

(入れるところを間違わないようにしましょう。)

あとはFirebaseのガイドにしたがって進むだけですが、手順の3と4はFlutterの場合飛ばしても大丈夫でした。

最後の段階で、FirebaseとFlutterのプロジェクトがつながっているかどうか確認する段階がありますが、僕の場合なかなか接続が完了せず結構難航しました。

対処法としては

さっきやったようにAndroid studioでプロジェクトファイルを開いて、iOSのフォルダを右クリック、出てきたメニューからFlutterを選択して”Open iOS module in Xcode”をクリックします。

Xcode内でRunner>Runner内にある「GoogleService-info.plist」を選択。

画面右側に表示されるLocationと一番したのTarget Membershipにチェックがついているかどうかを確認しましょう。

これでアプリをxcode上で起動させると無事にFirebaseでも連携を確認できました。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

ABOUT US
Nan
はじめまして。Nanと申します。 2016年より英語力0の状態で単身オーストラリアに行きました。 オーストラリア2年間の生活である程度の英語力やバリスタのスキル・世界中に友達を作って帰国。 その後、フリーランスのWebデザイナーとして仕事を初めて、 約一年少し海外でノマド生活をしていました。 タイ(1ヶ月)-ジョージア(2ヶ月)-ドイツ(1ヶ月)- イギリス(8ヶ月ロックダウン中)-フランス(1ヶ月)-イタリア(1ヶ月) と言った感じです。 その間、アプリのプログラミング(Flutter)を勉強し始め、帰国後に仕事を取れるようになりました。 ウェブデザイナー、グラフィックデザイナー、アプリデベロッパー、ミュージシャン、バリスタ、日本語教師、ブロガーとして収入を得て細々と暮らしています。 器用貧乏もここまで極めると悪くはないのではないかと思ってきた今日この頃。