مشکل http request در react native

[ابوالفضل معصومی]

سلام من پروژهی لیست گل ها را طبق آموزش شما رفتم جلو ولی مشکلی alert network erroe میده و لیست id هارو نمایش نمیده کد هارو براتون میفرستم
import React, { Component } from ‘react
import { View, Text } from ‘react-native’
import axios from ‘axios’
import Header from ‘./components/header’
export default class App extends Component{
constructor(props){
super(props);
this.state = {Albums:[]};
}
UNSAFE_componentWillMount(){
axios.get(‘http://192.168.1.100/index1.php’).
then(response=>this.setState({Albums:response.data})).
catch(error=>alert(error));
}
renderAlbum (){
return this.state.Albums.map(album=>
<View key={album.id}>
<Text>{album.id}</Text>
</View>
)
}
render(){
return(
<View style={{flex:1}}>
<Header headrName=”Album” />
{this.renderAlbum()}
</View>
)
}
}

[مهدی حسن زاده]

سلام.
باید گوشی و سرور بر روی یک شبکه باشند و مطمئن شوید که ipv4 رو به درستی set کردید.
همچنین اگر از گوشی واقعی استفاده میکنید باید حتما api رو به سرور انتقال بدید

[ابوالفضل معصومی]

چطوری میتونم api رو به سرور انتقال بدم؟

[مهدی حسن زاده]

میتونید از سرویس لیارا استفاده کنید یا از یک هاست رایگان
ابتدا از دیتابیس خودتون export بگیرید.
و در پنل هاست یک دیتابیس ایجاد کنید .زمان ایجاد دیتابیس بهتون servername و username و password رو میده
دیتابیس export گرفته شده رو import کنید.
حالا باید فایل های php رو به هاست منتقل کنید. و فایل connect.php که مربوط به config اتصال به دیتابیس هست رو بر اساس servername و username و password تغییر بدید.
حالا با توجه به domain که دارید آدرس api شما باید به نام domail تغییر پیدا کنه
مثلا از 192.168.0.0/flowerlist.php باید به example.com/flowerlist.php تغییر پیدا کنه

[نویسنده]

نوشته‌ها