firebase部署入门

一句话简介

Firebase 是一个移动平台,可以帮助您快速开发高品质应用,扩大用户群,并赚取更多收益。Firebase 由多种互补功能组成,您可以自行组合和匹配这些功能以满足自己的需求。

新建项目

1.到firebase网站新建一个工程https://console.firebase.google.com/?hl=zh-cn

2.创建完工程后在项目页面加入如下代码就可以将firebase加入到你的web应用了

<script src="https://www.gstatic.com/firebasejs/3.6.1/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "api-key",
    authDomain: "auth-domain",
    databaseURL: "database-url",
    storageBucket: "storage-bucket",
    messagingSenderId: "messaging-sender-id"
  };
  firebase.initializeApp(config);
</script>

环境安装

1.确保计算机已经安装node环境 node下载连接

2.安装全局firebase-tools,需要全局安装是因为,只有全局安装了,才能使用对应的firebase命令行

npm install -g firebase-tools

3.安装firebase-tools之后,需要授权登录

firebase login

如果遇到长时间的无响应,则通过一下命令行实现

firebase login --no-localhost

在该命令行执行之后,会弹出google账号授权页面,此时页面需要代理(翻x墙),授权登陆后,会有一个授权码,复制之后,关闭网络代理,把授权码复制到终端,回车,搞定!

成功显示如下:

image

4.在自己的项目文件夹里执行初始化命令行

firebase init

image

通过space选择要初始化的类型。hosting用于部署静态资源,database用于实时数据库

firebase init 命令不创建新目录。如果从头开始创建新项目,则应先创建目录,并在运行 init 命令之前更改项目目录。

5.部署firebase

firebase deploy

部署完就能通过终端上的URL进行访问