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.gradledependencies {
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 계기판의 데이터도 실시간으로 반영되는 것을 확인할 수 있다.
Reference
이 문제에 관하여(Firebase로 Android 앱을 만들어 보세요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/myoshimu/items/5af4793c5e63a3784d09
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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.gradledependencies {
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 계기판의 데이터도 실시간으로 반영되는 것을 확인할 수 있다.
Reference
이 문제에 관하여(Firebase로 Android 앱을 만들어 보세요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/myoshimu/items/5af4793c5e63a3784d09
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<?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>
dependencies {
compile 'com.firebase:firebase-client-android:2.5.0+'
}
<uses-permission android:name="android.permission.INTERNET" />
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");
}
});
}
Reference
이 문제에 관하여(Firebase로 Android 앱을 만들어 보세요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/myoshimu/items/5af4793c5e63a3784d09텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)