如何在 React Native 应用程序中托管可以响应 GET/POST 请求的 Web 服务器？

Question

我正在构建一个应用程序，我需要在我的 React Native 应用程序中托管一个可以响应 GET/POST/PUT/DELETE 请求的 Web 服务器。

用例：
我需要将一些数据从我的 PC 发送到我的移动应用程序（应该托管服务器），然后我将从我的移动应用程序打印这些数据。

我尝试了这些软件包，React Native http-bridge 和 react-native-http-server，但它们都给了我不知道如何解决的错误。

如果有人尝试过这些包中的任何一个或任何其他方式在 React-native 应用程序中设置 Web 服务器，那么请帮助:)

编辑
我有办法解决我的问题并使其中一个包正常工作，所以请在答案中查看我的解决方案。 :)

Answer 1

解决办法：

使用React native http-bridge 包并遵循他们的文档，主要是文档的链接部分。他们实际上忘记在这一行中添加“SERVICENAME”参数：

httpBridge.start(5561, function(request) {  

所以，像这样添加参数：

httpBridge.start(5561,"SERVICENAME", function(request) {  

在此之后，服务器将在您的本机应用程序中正常工作。

Answer 2

将 componentWillMount() 替换为以下代码：

componentWillMount() {
  // initalize the server (now accessible via localhost:1234)
  httpBridge.start(5561, "SERVICENAME", function(request) {

      // you can use request.url, request.type and request.postData here
      if (request.type === "GET" && request.url.split("/")[1] === "users") {
        httpBridge.respond(request.requestId, 200, "application/json", "{\"message\": \"OK\"}");
      } else {
        httpBridge.respond(request.requestId, 400, "application/json", "{\"message\": \"Bad Request\"}");
      }

  });
}

测试：

curl <device_ip_address>:5561/users -v

你应该得到：

{"message": "OK"}

参考：https://github.com/alwx/react-native-http-bridge/issues/15