使用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输出您生成的文件的目录。）