在本章中,我們將演示如何將Firebase添加到現(xiàn)有的應(yīng)用程序,要安裝Firebase,首先需要NodeJS。 如果您還沒有安裝好Firebase,請從下表中的鏈接中下載安裝。
第1步 - 創(chuàng)建Firebase帳戶
可以在這里創(chuàng)建一個Firebase帳戶 - http://www.firebase.com/ ,到編寫這篇教程時,他會跳轉(zhuǎn)到 - http://firebase.google.com/ ,并自動使用Google賬號登錄。(注意:如果打不開,可能是被墻了,自己想辦法打開網(wǎng)站注冊賬號吧)。
第2步 - 創(chuàng)建Firebase應(yīng)用程序
可以從儀表板頁面創(chuàng)建新的應(yīng)用程序。下圖顯示了創(chuàng)建的應(yīng)用程序。
填寫創(chuàng)建的項目信息 -
選擇一個應(yīng)用場景,這里先網(wǎng)頁應(yīng)用 -
接下來,它會顯示如何安裝使用 -
代碼 -
<script src="http://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyAOSPYpgn7T_bKa6VbCaSeQlsw-3p3zqDs",
authDomain: "yiibai-firebase.firebaseapp.com",
databaseURL: "http://www.yiibai-firebase.firebaseio.com",
projectId: "yiibai-firebase",
storageBucket: "yiibai-firebase.appspot.com",
messagingSenderId: "334522625008"
};
firebase.initializeApp(config);
</script>
第3步 - 創(chuàng)建基本的HTML/js應(yīng)用程序
只需要創(chuàng)建一個文件夾放置應(yīng)用程序。在文件夾里面需要創(chuàng)建index.html文件。 然后將Firebase添加到應(yīng)用程序中,如下代碼所示。
<html>
<head>
<script src="http://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyAOSPYpgn7T_bKa6VbCaSeQlsw-3p3zqDs",
authDomain: "yiibai-firebase.firebaseapp.com",
databaseURL: "http://www.yiibai-firebase.firebaseio.com",
projectId: "yiibai-firebase",
storageBucket: "yiibai-firebase.appspot.com",
messagingSenderId: "334522625008"
};
firebase.initializeApp(config);
</script>
</head>
<body>
</body>
</html>
使用NPM
如果您想使用現(xiàn)有的應(yīng)用程序,則可以使用Firebase NPM或Bowers軟件包。 從應(yīng)用程序根文件夾運行以下命令之一。
npm install firebase --save
# 或者 -
bower install firebase