Firebase를 이용한 호우호우 미니게임 만들기

이용상(willy)

About me

• 이용상 (Willy)

• B.U.S Creative’s CTO & Co-Founder

• restart916@gmail.com

Firebase?

Firebase!

• 채팅 서비스로 시작

• 구글에 인수

• http://www.venturesquare.net/557257

Firebase!!!!!

• Realtime Database

• User Authentication

• Static Hosting

Store & sync data with our NoSQL cloud database. Data is stored as JSON, synced to all connected clients in realtime, and available when your app goes offline.

Realtime Database

Realtime Database

https://www.youtube.com/watch?v=wf9hZcqQI7A

Realtime Database• 특징 : 모든 데이터를 key/value의 json방식으로 저장

• Array도 key/value 방식으로 저장

• why? -> https://www.firebase.com/blog/2014-04-28-best-practices-arrays-in-firebase.html

• 제약 Data Limits A child node's key cannot be longer than 768 bytes, nor deeper than 32 levels. It can include any unicode characters except for . $ # [ ] / and ASCII control characters 0-31 and 127.

Firebase Android1. 회원가입

2. gradle추가(https://www.firebase.com/docs/android/quickstart.html)

3. AndroidManifest.xml 수정 (인터넷 퍼미션)

4. 액티비티 onCreate에서 코드 한줄 추가!

Realtime Database

Realtime Database

void onChildAdded(DataSnapshot var1, String var2); void onChildChanged(DataSnapshot var1, String var2); void onChildRemoved(DataSnapshot var1); void onChildMoved(DataSnapshot var1, String var2); void onCancelled(FirebaseError var1);

Realtime Database

Query

orderByKey, orderbyChild, …

limitToLast, limitToFirst

index -> rules에서 등록가능

Libraries 및..

• GeoFire - 위치기반 지원 - 지역범위 query 가능

• 파일저장 - encording후 저장(10mb이하)

• 큰파일 - aws S3 쓰세요

• https://github.com/firebase/firepano/blob/gh-pages/firepano.js

• http://stackoverflow.com/questions/13955813/how-can-i-view-and-store-images-in-firebase

호우호우 미니게임!

개인 스터디 용으로 시작

혼자 만든다 -> 알아서 기획한다

-> 스터디용이니 기존에 있는 게임 참고하자

혼자 만든다 -> 리소스는 기존 앱 리소스를 사용한다

호우호우 미니게임!

호우호우 미니게임!

Android / iOS 곧 찾아옵니다!! Coming Soon~~!!!!!

참고자료• https://www.youtube.com/watch?v=wf9hZcqQI7A

Google I/O 2015 - Developing Extraordinary Apps with Firebase

• https://medium.com/@grunty/개발하며-배우는-polymer-2-2-4aa9a870a074

• https://www.firebase.com/blog/2014-04-28-best-practices-arrays-in-firebase.html

• https://groups.google.com/forum/#!forum/firebase-talk

We’re hiring!!개발자, 디자이너

Thank you!