1. 程式人生 > >mac環境 用firebase部署自己的網頁

mac環境 用firebase部署自己的網頁

以下我會寫到遇到的問題。

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

大功告成。