PHP 에서 React Native Fecth 인 자 를 가 져 올 수 없 는 해결 방법
6047 단어 phpreactnativeFecth매개 변수
React Native 는
fetch
를 이용 해 네트워크 요청 을 하고,추천Promise
형식 으로 데이터 처 리 를 한다.공식 데 모 는 다음 과 같다.
fetch('https://mywebsite.com/endpoint/', {
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);
});
그러나 실제 개발 을 진행 하 던 중 phop 출력 $_POST
이 빈 배열 인 것 으로 밝 혀 졌 다.이때 스스로 찾 아 보고 두 가지 해결 방안 을 제시 했다.
1.폼 데이터 구축
function toQueryString(obj) {
return obj ? Object.keys(obj).sort().map(function (key) {
var val = obj[key];
if (Array.isArray(val)) {
return val.sort().map(function (val2) {
return encodeURIComponent(key) + '=' + encodeURIComponent(val2);
}).join('&');
}
return encodeURIComponent(key) + '=' + encodeURIComponent(val);
}).join('&') : '';
}
// fetch
body: toQueryString(obj)
하지만 이 는 자신의 기계 에 서 는 효력 이 발생 하지 않 는 다.2.서버 솔 루 션
body 의 내용 을 가 져 옵 니 다.php 에 이렇게 쓸 수 있 습 니 다.
$json = json_decode(file_get_contents('php://input'), true);
var_dump($json['username']);
이 럴 때 데 이 터 를 출력 할 수 있 습 니 다.그러나 우리 의 문 제 는 서버 의 인터페이스 가 모두 되 었 고 ios 단 을 지원 해 야 할 뿐만 아니 라 웹 과 Android 의 지원 도 필요 하 다 는 것 입 니 다.이 럴 때 우 리 를 겸용 하 는 방안 은 대체로 다음 과 같다.1.우 리 는
fetch
매개 변수 에header
설정app
필드 를 설정 하고app
이름 을 추가 합 니 다.ios-appname-1.8
2.우 리 는 서버 에 갈 고 리 를 설 치 했 습 니 다.요청 할 때마다 데이터 처 리 를 합 니 다.
// 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 );
}
이렇게 하면 서버 는 크게 바 꿀 필요 가 없다.Fetch 에 대한 간단 한 패키지.
우리 의 전단 전에 jquery 를 많이 사용 하기 때문에 우 리 는 간단 한
fetch
패 키 지 를 만 들 었 다.
var App = {
config: {
api: 'your host',
// app
version: 1.1,
debug: 1,
},
serialize : function (obj) {
var str = [];
for (var p in obj)
if (obj.hasOwnProperty(p)) {
str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
}
return str.join("&");
},
// build random number
random: function() {
return ((new Date()).getTime() + Math.floor(Math.random() * 9999));
},
// core ajax handler
send(url,options) {
var isLogin = this.isLogin();
var self = this;
var defaultOptions = {
method: 'GET',
error: function() {
options.success({'errcode':501,'errstr':' , '});
},
headers:{
'Authorization': 'your token',
'Accept': 'application/json',
'Content-Type': 'application/json',
'App': 'your app name'
},
data:{
// prevent ajax cache if not set
'_regq' : self.random()
},
dataType:'json',
success: function(result) {}
};
var options = Object.assign({},defaultOptions,options);
var httpMethod = options['method'].toLocaleUpperCase();
var full_url = '';
if(httpMethod === 'GET') {
full_url = this.config.api + url + '?' + this.serialize(options.data);
}else{
// handle some to 'POST'
full_url = this.config.api + url;
}
if(this.config.debug) {
console.log('HTTP has finished %c' + httpMethod + ': %chttp://' + full_url,'color:red;','color:blue;');
}
options.url = full_url;
var cb = options.success;
// build body data
if(options['method'] != 'GET') {
options.body = JSON.stringify(options.data);
}
// todo support for https
return fetch('http://' + options.url,options)
.then((response) => response.json())
.then((res) => {
self.config.debug && console.log(res);
if(res.errcode == 101) {
return self.doLogin();
}
if(res.errcode != 0) {
self.handeErrcode(res);
}
return cb(res,res.errcode==0);
})
.catch((error) => {
console.warn(error);
});
},
handeErrcode: function(result) {
//
if(result.errcode == 123){
return false;
}
console.log(result);
return this.sendMessage(result.errstr);
},
//
sendMessage: function(msg,title) {
if(!msg) {
return false;
}
var title = title || ' ';
AlertIOS.alert(title,msg);
}
};
module.exports = App;
이렇게 개발 자 는 이렇게 사용 할 수 있 습 니 다.
App.send(url,{
success: function(res,isSuccess) {
}
})
총결산자,여기 서 PHP 가 React Native Fecth 인 자 를 얻 지 못 하 는 문 제 는 기본적으로 해결 되 었 습 니 다.본 고 는 여러분 의 학습 과 업무 에 도움 이 되 고 의문 이나 문제 가 있 으 면 메 시 지 를 남 겨 서 교 류 를 할 수 있 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Laravel - 변환된 유효성 검사 규칙으로 API 요청 제공동적 콘텐츠를 위해 API를 통해 Laravel CMS에 연결하는 모바일 앱(또는 웹사이트) 구축을 고려하십시오. 이제 앱은 CMS에서 번역된 콘텐츠를 받을 것으로 예상되는 다국어 앱이 될 수 있습니다. 일반적으로 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.