PHP获取不了React Native Fecth参数的解决办法

解决PHP获取React Native Fetch参数问题

React Native 通过 Fetch API 进行网络请求时，我们有时会遇到 PHP 无法获取到请求参数的问题。本文将通过示例详细解释如何解决这个问题，希望对遇到此问题的开发者有所帮助。

让我们看一下 React Native 中 Fetch 的官方示例：

```javascript

fetch(' {

method: 'POST',

headers: {

'Accept': 'application/json',

'Content-Type': 'application/json',

},

body: JSON.stringify({

username: 'yourValue',

pass: 'yourOtherValue',

})

})

.then((response) => response.json())

.then((res) => {

console.log(res);

})

.catch((error) => {

console.warn(error);

});

```

在实际开发过程中，可能会发现 PHP 的 $_POST 数组为空。为了解决这个问题，我们尝试了两种解决方案：

一、构建表单数据

这种方法是通过将对象转换为查询字符串来构建表单数据。这种方法在我们的环境中并不生效。

二、服务端解决方案

为了获取请求体中的内容，我们可以在 PHP 中使用以下代码：

```php

$json = json_decode(file_get_contents('php://input'), true);

var_dump($json['username']);

```

我们的服务端接口已经开发完成，需要支持 iOS、Android 和 Web 端。为了保持兼容性，我们采取了以下方案：

1. 在 Fetch 参数中设置 header，添加一个 app 字段，例如：app 名称：ios-appname-1.8。

2. 在服务端设置一个钩子，在每次请求之前进行数据处理。具体代码如下：

```php

// 获取 app 信息进行数据处理

if(!function_exists('apache_request_headers')){

$appName = $_SERVER['app'];

}else{

$appName = apache_request_headers()['app'];

}

// 对 RN fetch 参数解码

if($appName == 'your settings'){

$json = file_get_contents('php://input');

$_POST = json_decode($json, TRUE );

}

React Native中的Fetch封装之旅

由于我们的前端项目过去主要依赖jQuery，为了更顺畅地过渡到现代前端技术栈，我们决定对Fetch进行简单封装。以下是我们的实践过程。

我们定义了一个名为App的模块，其中包含了一些核心方法和配置。例如，config对象用于存储API主机地址、应用版本号以及调试开关等。我们添加了一些辅助函数，如序列化和生成随机数的函数。这些辅助函数将在后续的请求处理中发挥重要作用。

接下来，我们重点关注send方法，这是我们的核心ajax处理器。这个方法接收两个参数：url和options。我们通过isLogin方法检查用户是否登录。然后，我们定义了一些默认选项，包括请求方法、错误处理函数、头部信息、数据、响应类型等。如果开发者没有提供这些选项，我们将使用默认值。接下来，我们根据请求方法（GET或POST）构建完整的URL。在发送请求之前，我们通过控制台打印请求的详细信息（如果调试开关已打开）。然后，我们使用fetch发送请求。根据响应结果，我们进行相应的处理。如果响应码为101，我们尝试重新登录；如果响应码不为零且不为101，我们调用handeErrcode方法处理错误；否则，我们调用回调函数并传递响应结果。如果在处理过程中出现任何错误，我们将在控制台中打印警告信息。我们将封装好的App模块导出供其他文件使用。

在神秘的时刻，Cambrian的“body”悄然呈现。这是一个充满活力和生命力的展现，犹如一幅丰富多彩的画卷，在时间的洪流中熠熠生辉。在这里，我们见证了生命的演变和世界的变迁，所有的元素都汇聚于此，共同构建了一个充满神秘和魅力的世界。

这个“body”，不仅仅是一个简单的呈现，更是一种心灵的触动。它的每一个细节都蕴含着深刻的意义，每一帧画面都充满着无限的想象力。从微妙的线条到鲜明的色彩，从动态的效果到静态的展示，无不体现出Cambrian的独特魅力和不凡之处。

在这个世界里，我们可以感受到生命的跃动和无限可能。这个“body”就像是一个充满活力和创造力的舞台，让我们看到了生命的多样性和无限的可能性。无论是自然界的奇妙景象，还是人类文明的辉煌成就，都在这个舞台上得到了完美的展现。

这个“body”还带有一种强烈的情感色彩。它让我们感受到生命的力量和情感的共鸣。在这里，我们可以感受到喜怒哀乐、悲欢离合，以及生命的起伏和波折。这些情感元素，使得这个“body”更加真实、生动、有感染力。

Cambrian的“body”是一个充满魅力的存在。它不仅仅是一个简单的呈现，更是一种生命的表达。它让我们看到了生命的多样性和无限可能性，让我们感受到生命的力量和情感的共鸣。在这个世界里，我们可以感受到生命的跃动和无限的可能，仿佛置身于一个神奇的世界之中。让我们一起沉浸在这个“body”的魅力之中，感受生命的奇妙和无限可能。