ユーザー解析機能が無料になったFirebaseの使い方超入門Swift製リアルタイムチャットアプリ開発で学ぶ(2/4 ページ)

» 2016年06月06日 05時00分 公開
[杉本裕樹マネーフォワード]

FirebaseのRealtime Databaseを利用する

Firebaseの設定

 チャット画面を表示できたので、今度はダミーデータではなくユーザーが入力したデータを表示するようにします。まずはWeb上でFirebaseの設定を行います。

 最初にFirebaseのコンソールページにアクセスします。このページは自分のFirebaseプロジェクトを一覧できる画面です。画面の「新規プロジェクトを作成」ボタンを押して新しいプロジェクトを作ってみます。

 プロジェクト名は「firebase-sample」にします。

 プロジェクトを作成すると、以下のような画面になります。ここで「iOSアプリにFirebaseを追加」ボタンを押下してiPhoneアプリ向けの設定を行います。

 BundleIDは今のプロジェクトのものを設定します。

 次の画面に移動すると「GoogleService-Info.plist」というファイルがダウンロードされるので、それをXcodeにドラッグ&ドロップで追加します。

 最後にDatabaseのルールを変更します。初期状態ではログインしてないユーザーはデータの読み書きができないので、未ログインでもデータの読み書きができるようにします。Databaseの「ルール」タブを選択して以下のように書き換えてください。

Xcode上での初期設定

 Web上でのFirebaseの設定が終わったので、次はXcode上の設定を行っていきます。まずはFirebase関連のライブラリをインストールします。Podfileを以下のように変更し、終わったら「pod install」コマンドでライブラリをインストールしてください。

  1. use_frameworks!
  2. target :FirebaseSample do
  3. pod 'JSQMessagesViewController'
  4. pod 'Firebase'
  5. pod 'Firebase/Database'
  6. end

 次にAppDelegateを以下のように書き換えてください。「application:didFinishLaunchingWithOptions:」に記述したFIRApp.configureでFirebaseの初期化を行っています。

  1. import UIKit
  2. import Firebase
  3. @UIApplicationMain
  4. class AppDelegate: UIResponder, UIApplicationDelegate {
  5. var window: UIWindow?
  6. func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
  7. FIRApp.configure()
  8. return true
  9. }
  10. }

Copyright © ITmedia, Inc. All Rights Reserved.

スポンサーからのお知らせPR

Smart & Social 記事ランキング

本日月間

注目のテーマ

4AI by @IT - AIを作り、動かし、守り、生かす
Microsoft & Windows最前線2025
AI for エンジニアリング
ローコード/ノーコード セントラル by @IT - ITエンジニアがビジネスの中心で活躍する組織へ
Cloud Native Central by @IT - スケーラブルな能力を組織に
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。