使用node.js和react.js客戶端啟動Firebase函數項目

Question

我正在使用firebase functions使用在firebase上托管的node.js和express.js開發應用程序，並在Typescript中進行開發。 我想使用react.js作為客戶端框架。 我使用以下命令設置node + express + firebase ：

firebase init hosting
firebase init functions

但是，在當前項目設置下，沒有明顯的方法可以使用create-react-app ...來設置react前端框架。 特別是， create-react-app似乎會創建自己的node_module和index.js 。 我發現了這個： https ： //medium.freecodecamp.org/how-to-make-create-react-app-work-with-a-node-backend-api-7c5c48acb1b0

這是臨時的。 特別是，它正在使用yarn啟動一個開發服務器，但是我正在使用firebase serve ... ，並希望保持這種狀態。 這些不同的框架是否一起發揮作用？ #webDev

Answer 1

您絕對可以一起使用React和Firebase，但是將入門工具包為每個工具包生成的復雜模板合並起來，可能會遇到麻煩，而不是值得的。

您可能需要選擇哪個生成的模板為您提供最大的價值（無論是從firebase init hosting還是create-react-app ），然后逐一處理未選擇的項目。

如果您真的想使用firebase serve那么您將失去create-react-app提供的熱重載和其他開發時間優勢，因為firebase serve內部使用superstatic靜態（ repo ），后者是用於托管靜態文件的開發服務器。

您可以通過npm install --save react react-dom來使用React進行這樣的設置，然后像往常一樣使用React，但是很可能您會希望在源和firebase serve的靜態文件之間建立工具鏈（考慮到您的使用）在的typescript標簽，我假設你至少需要transpile .TS到.js文件），然后你需要設置了你自己，如果你只是想用firebase-serve 。

我認為，通過create-react-app獲得的開發工具鏈將為您的特定情況提供更多的即時價值，而不是想要堅持使用firebase serve 。 您是否覺得粘在firebase serve有什么具體原因嗎？

（不使用firebase serve絕不會引起運行firebase deploy --only hosting問題-僅在稍后要部署到firebase deploy --only hosting時托管，只要您的托管配置指向npm run build輸出您生成的文件的目錄。）