Firebaseでお手軽サーバレスアプリ（Realtime Database+CloudFunctions+Cloud Messaging+Android(kotlin)+iOS(swift)）その１

はじめに

Firebaseを使ってモバイルアプリとそれをつなぐバックエンドを含むシステムを構築します。
できるだけコードを書かず、構築の手間をかけずにどこまでできるかを試します。
その１ではfirebaseの設定とAndroidアプリアプリの準備を行い、Androidアプリからfirebaseのdbにアクセスする所までを行います。

全体像

参考にした情報

firebaseの準備

上記のページを参考にしました

プロジェクトを追加

• プロジェクトの作成（1/3）

  • プロジェクトに名前を付ける

• プロジェクトの作成（2/3）

  • Googleアナリティクスを「有効」にする
    　「有効にしない」選択も可能

• プロジェクトの作成（3/3）

  • Google アナリティクスの構成
    　「Dafault Account for Firebase」を選択

Realtime databaseを作成

• メニューから「Database」を選択

  • Cloud FirestoreまたはRealtime Databaseを選択可能 ここでは「Realtime Database」を選択

• Realtime Database のセキュリティ ルール

  • とりあえず実験なので、「テストモード」で開始を選択

アプリの準備

• Create New ProjectでBasic Activityを選択
  

  • ScrollViewを追加
  • ScrollViewにConstraintを設定
  • TextViewを追加
    

• ToolsからFirebaseを選択

  • 「realtime database」

  • 「Save and retrieve data」

  • 「Connect your app to Firebase」

    • 先ほどWebでつくったプロジェクトを選択（ここで新規に作成も可能）

  • Add the Realtime Database to your app」

    • ダイアログの内容を確認し、「Accept Changes」
    • 「Write to your database」にあるコードをMainActivity.ktに追加

MainActivity.kt

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        setSupportActionBar(toolbar)

        fab.setOnClickListener { view ->

            val database = FirebaseDatabase.getInstance()
            val myRef = database.getReference("message")
            myRef.setValue("Hello, World!")            

        }
    }

データが書き込まれたか確認

ボタンを押すとデータを書き込みます
FirebaseのコンソールからDBの内容を確認します

「message:"Hello,World!"」と書き込まれていれば成功

まとめ

今回書いたコードは3行です。しかもコピペ。それでここまでできちゃいました。
次回は、書き込んだデータを取得し、表示する所を実装します。

このシリーズについて

その１:全体像とFirebaseの準備

その２:Androidのクライアントアプリからデータの登録と表示まで

その３:iOSのクライアントアプリからデータの登録と表示まで

[その４:準備中]

[その５:準備中]