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
解決:
修改程式碼與相關環境變數
- 設定環境變數
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
大功告成。