使用 Express 连接 React 和 React Native答案

【问题标题】：Connecting React and React Native with Express使用 Express 连接 React 和 React Native
【发布时间】：2017-11-02 20:59:21
【问题描述】：

所以我刚开始学习 ReactJS 和 React Native。

我对 MEN（Mongo、Express、Node）有所了解。到目前为止，我学习了如何 res.render() 文件并在其中传递对象。

现在我需要做的是制作 MERN 应用。此应用程序还需要具有 Android 和 iOS 版本。

到目前为止，我了解到 R 代表 ReactJS，而不是 react-native。有没有办法让它同时包含两者？当我有像 express-generator 这样的文件夹结构时，我应该把反应文件放在哪里？或者有没有一种方法可以将它们放在完全不同的目录中，一个通过导入调用另一个？

【问题讨论】：

将服务器与客户端分开。后端堆栈与您的 React 前端无关，反之亦然。你的 React 应用程序应该只知道后端在哪里、如何调用它以及期望什么数据。只要请求格式正确并且允许源访问，服务器就不应该关心谁调用它。

【解决方案1】：

我相信它归结为建筑。我喜欢创建堆栈的方式如下。

您可以使用 Mongo/Express/Node 创建一个 API，为您的客户端应用程序（使用 reactjs、react-native 和您想要包含的任何其他技术创建）提供端点，以使用 HTML 请求进行调用。这适用于移动应用（使用 react-native）和桌面应用（使用 reactjs）。

有几种不同的部署方式。您可以创建 2 个单独的应用程序，一个服务器应用程序和一个客户端应用程序，它们都由 2 个单独的主机单独托管。这很有用，因为您将前端代码与后端代码分离。此外，您的代码可以有 2 个单独的目录。

另一种部署方法是让您的服务器为您的客户端文件提供服务。这有点棘手，但您将能够在 1 个主机内部署整个应用程序，因此此选项也更便宜。我建议阅读这篇文章以了解如何实现这一点以及文件结构https://originmaster.com/running-create-react-app-and-express-crae-on-heroku-c39a39fe7851

【讨论】：

我想像你最初描述的那样做。服务器提供 API 并将其与前端分离。我现在的问题是，我是否需要连接 react-native 和 reactjs（因为它们的外观非常相似），或者我将它们分开，并将它们视为不同目录中的 2 个不同项目？您是否有一些链接或教程可以帮助我以这种方式组织它？
您是否尝试仅定位移动设备？如果是这样，请使用 react-native。如果您正在尝试制作混合应用程序？然后使用 React 并查看 react-responsive 之类的库。将服务器目录与客户端目录分开，并将它们部署到 2 个不同的主机。