步骤可以参考官网地址:https://firebase.google.com/docs/hosting/quickstart
以下我会写到遇到的问题。
1、安装Firebase CLI
Firebase CLI(命令行界面)需要Node.js和 npm。安装Node.js也会安装npm。
一旦安装了Node.js和npm,就可以通过npm安装Firebase CLI:
npm install -g firebase-tools
这将安装全局可用的firebase
命令。要更新到最新版本,只需重新运行相同的命令即可。
2、访问您的Firebase项目
要将本地计算机连接到Firebase帐户并获取对Firebase项目的访问权限,请运行以下命令:
firebase login
问题:firebase: command not found
解决:设置环境变量 sudo vi ~/.bash_profile export PATH=${PATH}:/Users/username/.npm-global/bin
关闭再打开
问题:Firebase CLI login failed
解决:firebase login --no-localhost #忽略我们本地Ip的影响
问题:Error: Authentication Error: Your credentials are no longer valid. Please run firebase login --reauth
解决:
修改代码与相关环境变量
- 设置环境变量
http_proxy
,我本机的代理使用的是1087端口。export http_proxy=http://localhost:1087
- 修改faye-websocket,开启代理配置。faye-websocket是firebase依赖的一个WebSocket库,需要为其client.js添加如下配置:
var Client = function(_url, protocols, options) { options = options || {}; // 添加proxy配置 options.proxy = { origin: 'http://localhost:1087', }; … }
如果你是全局安装的firebase-tools,你可以通过如下方法找到client.js
NODE_PATH=`npm prefix -g` // client.js的位置 $NODE_PATH/lib/node_modules/firebase-tools/node_modules/firebase/node_modules/faye-websocket/lib/faye/websocket/client.js
3.export http_proxy=http://localhost:1087 export NODE_TLS_REJECT_UNAUTHORIZED=0 firebase login --no-localhost
3、初始化您的网站
从项目目录的根目录,运行以下命令:
cd 工程目录
firebase init
选择Hosting然后空格 -->❯ ◉ Hosting: Configure and deploy Firebase Hosting sites
按照提示完成会生成两个文件:index.html(要部署到firebase的网页)和firebase.json(暂时没作用)
4、部署您的网站
要部署站点,请从项目的根目录运行以下命令:
firebase deploy
大功告成。