react-native&firebase 샘플

react-native firebase 샘플



하고 싶은 일



· Firebase의 RealtimeDatabase에 어떻게 추가되는지 알고 싶다 (RDB와의 차이 흡수)
※react-native에서의 firebase 쓰기 연습이 아니다

만드는 것



・추가만의 todo 같은 녀석

전제



・firebase에 등록해, RealtimeDatabase를 사용해 보려고 생각해 프로젝트를 만들었지만 설계의 방법을 모른다. RDB는 사용한 적이 있다.

출처 : firebase-sample

위 소스에서는 부족하기 때문에 firebase 폴더에 다음을 추가

config.js
export default {
    API_KEY: "",
    AUTH_DOMAIN: "",
    DATABASE_URL: "",
    STORAGE_BUCKET: "",
}

결과 어땠어?



우선 RDB와 다른 점은 당연하지만 나는 몰랐다.

테이블이나 사전에 만들 필요가 없습니다.

그래? 거짓말이라고 생각했다.
DB는 먼저 장소 만들고, 그 장소를 지정해 넣어 가는 것이 아닐까? ? 라고
다르다.

Firebase RealtimeDatabase는 json 파일 같은 것으로 빈 json에 key를 지정하여 값을 넣어가는 감각.
더 물고 말하면,

example.js
var array = [];
array['key'] = value;

같은 감각.

특징적인 부분은
group이라고 하는 것(아래에서 말하는 t_user의 곳)이 있어, 거기에 데이터가 넣어져 가는 것.
RDB와 비추면서 생각해보고 싶다.

RDB





이렇게 하면

RealtimeDatabase





이런 이미지

RDB



hogehoge.sql
select id, name, age from t_user;

그렇다면

RealtimeDatabase



hogehoge.js
import firebase from './firebase/firebase';

const db = firebase.database();
const t_user = db.ref('t_user');


/********constructor内**********/

t_user.on('value',snapshot=>{
 this.state.rs.push({
  'id': snapshot.val('id'),
  'name': snapshot.val('name'),
  'age': snapshot.val('age')
 });
});

/**********************/


이런 느낌의 이미지
자세한 것은 여기에 실려있다
firebase 데이터 검색

관계의 방법이라든가 위의 것을 이해한 다음에 이 사람의 기사를 읽으면 알기 쉬웠다.

Firebase Realtime DB를 실천 투입할 때 생각한 것

설계 방법이나 내부 처리의 구조 등을 좀 더 배우고 싶다.

좋은 웹페이지 즐겨찾기