mac环境 用firebase部署自己的网页

步骤可以参考官网地址：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

解决：

修改代码与相关环境变量

1. 设置环境变量 http_proxy ，我本机的代理使用的是1087端口。 export http_proxy=http://localhost:1087
2. 修改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

 

大功告成。