react-native&firebase 샘플
5420 단어 reactnativeFirebase자바스크립트expo
react-native firebase 샘플
하고 싶은 일
· Firebase의 RealtimeDatabase에 어떻게 추가되는지 알고 싶다 (RDB와의 차이 흡수)
※react-native에서의 firebase 쓰기 연습이 아니다
만드는 것
・추가만의 todo 같은 녀석
전제
・firebase에 등록해, RealtimeDatabase를 사용해 보려고 생각해 프로젝트를 만들었지만 설계의 방법을 모른다. RDB는 사용한 적이 있다.
출처 : firebase-sample
위 소스에서는 부족하기 때문에 firebase 폴더에 다음을 추가
config.jsexport default {
API_KEY: "",
AUTH_DOMAIN: "",
DATABASE_URL: "",
STORAGE_BUCKET: "",
}
결과 어땠어?
우선 RDB와 다른 점은 당연하지만 나는 몰랐다.
테이블이나 사전에 만들 필요가 없습니다.
그래? 거짓말이라고 생각했다.
DB는 먼저 장소 만들고, 그 장소를 지정해 넣어 가는 것이 아닐까? ? 라고
다르다.
Firebase RealtimeDatabase는 json 파일 같은 것으로 빈 json에 key를 지정하여 값을 넣어가는 감각.
더 물고 말하면,
example.jsvar array = [];
array['key'] = value;
같은 감각.
특징적인 부분은
group이라고 하는 것(아래에서 말하는 t_user의 곳)이 있어, 거기에 데이터가 넣어져 가는 것.
RDB와 비추면서 생각해보고 싶다.
RDB
이렇게 하면
RealtimeDatabase
이런 이미지
RDB
hogehoge.sqlselect id, name, age from t_user;
그렇다면
RealtimeDatabase
hogehoge.jsimport 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를 실천 투입할 때 생각한 것
설계 방법이나 내부 처리의 구조 등을 좀 더 배우고 싶다.
Reference
이 문제에 관하여(react-native&firebase 샘플), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/shoichi1023/items/e2c1a7eaff0037c6bfb7
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
export default {
API_KEY: "",
AUTH_DOMAIN: "",
DATABASE_URL: "",
STORAGE_BUCKET: "",
}
var array = [];
array['key'] = value;
select id, name, age from t_user;
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')
});
});
/**********************/
Reference
이 문제에 관하여(react-native&firebase 샘플), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shoichi1023/items/e2c1a7eaff0037c6bfb7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)