Firebase로 Android 앱을 만들어 보세요.

입문


구글이 인수한 Firebase를 사용하면 데이터베이스와 알림 등 서버 설치를 간단하게 할 수 있으며, 참고QuickStart로 날씨보고 앱을 만들어 최소한의 동작을 시도했다.

준비


1) https://www.firebase.com/에 서명한다.
2) Dashboard의 CREATE NEW 앱에서 APP NAME 및 APP URL을 지정하여 새 응용 프로그램을 만듭니다.APP NAME 및 URL은 임의의 이름일 수 있지만 URL은 고유해야 합니다.

실시


1) Android Studio에서 새 항목을 만듭니다.템플릿Blank Activity를 선택합니다.
2) activity_main.xml에 Large Text 및 단추를 놓습니다.
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.kmiki.cloudapp.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Large Text"
        android:id="@+id/textView"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="123dp" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Sunny"
        android:id="@+id/buttonS"
        android:layout_centerVertical="true"
        android:layout_toLeftOf="@+id/textView"
        android:layout_toStartOf="@+id/textView" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Foggy"
        android:id="@+id/buttonF"
        android:layout_alignTop="@+id/buttonS"
        android:layout_toRightOf="@+id/textView"
        android:layout_toEndOf="@+id/textView" />
</RelativeLayout>

3) build.gradle에 다음 내용을 추가합니다.
build.gradle
dependencies {
    compile 'com.firebase:firebase-client-android:2.5.0+'
}
4) AndroidManifest.xml에 다음 줄을 추가합니다.
AndroidManifest.xml
<uses-permission android:name="android.permission.INTERNET" />
5) MainActivity.자바 편집.
MainActivity.java
    private Firebase mRef; //FirebaseライブラリをAndroidコンテキストで初期化します。

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Firebase.setAndroidContext(this); //
    }

   @Override
    protected void onStart(){
        super.onStart();
        Button mButtonFoggy = (Button) findViewById(R.id.buttonF);
        Button mButtonSunny = (Button) findViewById(R.id.buttonS);
        final TextView mTextCondition = (TextView) findViewById(R.id.textView);

        mRef = new Firebase("https://<Dashboardで設定したURL>.firebaseio.com/"); //mRefにあらかじめ設定したアプリのURLを入力します。

        //リスナー追加
        mRef.addValueEventListener(new ValueEventListener() {
            @Override
            //ボタンのsetValueで値が変わったらTextViewに表示
            public void onDataChange(DataSnapshot dataSnapshot) {
                String newCondition = (String) dataSnapshot.getValue();
                mTextCondition.setText(newCondition);
            }

            @Override
            public void onCancelled(FirebaseError firebaseError) {

            }
        });

        mButtonSunny.setOnClickListener(new View.OnClickListener(){
            public void onClick(View v){
                mRef.setValue("Sunny");
            }
        });
        mButtonFoggy.setOnClickListener(new View.OnClickListener(){
            public void onClick(View v){
                mRef.setValue("Foggy");
            }
        });
    }
6) Foggy, Sunny를 실제로 시작하고 설정하면 Firebase 계기판의 데이터도 실시간으로 반영되는 것을 확인할 수 있다.

좋은 웹페이지 즐겨찾기