'Tools/Firebase'에 해당되는 글 7건

파이어베이스의 배포(호스팅)

1. 정의

- 파이어베이스를 이용해 만든 어플리케이션은 쉽게 호스팅 할 수 있다

2. 방법

- firebase deploy

- 위 명령어를 통하여 손쉽게 가능

파이어베이스 데이터 수정 및 삭제 - update(), remove()

1. 정의

- 파이어베이스를 이용한 수정 및 삭제

2. 방법

function modify(key){ var editorRef = database.ref("editor/"+userInfo.uid+'/'+key); editorRef.update({ txt:$('.textarea').val(), title:'Hello' }); } function deleteTxt(){ var editorRef = database.ref("editor/"+userInfo.uid+'/'+key); editorRef.remove(); }

파이어베이스의  데이터 저장하기 - push()

1. 정의

- 파이어 베이스의 데이터를 저장한다

- json  형식으로 데이터가 저장된다

2. 방법

1) var editorRef = database.ref("editor/"+userInfo.uid);

- 레퍼런스를 획득하여 데이터베이스에 접속

2)push() 

- push()를 이용하여 데이터를 넣는다

editorRef.push({ txt:$('.textarea').val(), title:'Hello' });

파이어베이스의 저장된 데이터 읽기

1. 정의

- 파이어베이스는  json 형식으로 저장된다

- 파이어베이스에 있는 데이터를 자신의 애플리케이션에 출력한다

2. 방법

0) 데이터 베이스 모양

- 위의 txt  데이터를 불러오는 방법

1) database = firebase.database();

- 위 명령어를 통해 소스 상의 데이터 베이스를 초기화 한다

2) var editorRef = database.ref();

- ref() 함수를 이용하여 데이터 베이스 경로에 접근한다.

var editorRef = database.ref('editor/'+userInfo.uid); editorRef.on('child_added',function(data){ console.log(data.val()); });

- editor/uid/key/txt

- child_added 라는 이벤트를 이용하여 데이터를 가져온다

- data.val()

3)  전체소스

var auth, database, userInfo; // Initialize Firebase var config = { apiKey: "AIzaSyAsh7KajFCLWHqAAaS0eSNompCUqyXH4vs", authDomain: "editor-7e5ba.firebaseapp.com", databaseURL: "https://editor-7e5ba.firebaseio.com", storageBucket: "editor-7e5ba.appspot.com", messagingSenderId: "219994741100" }; firebase.initializeApp(config); auth = firebase.auth(); database = firebase.database(); var authProvider = new firebase.auth.GoogleAuthProvider(); //인증여부 auth.onAuthStateChanged(function(user){ if(user){ //인증성공 console.log(user); console.log("success"); userInfo = user; get_editor_list(); }else{//인증실패 auth.signInWithPopup(authProvider); } }); function get_editor_list(){ console.log(userInfo.uid); var editorRef = database.ref('editor/'+userInfo.uid); editorRef.on('child_added',function(data){ console.log(data.val()); }); }

3. 확인