HTTP Request Dan Web Server

Networking atau Jaringan komputer (jaringan) adalah jaringan telekomunikasi yang memungkinkan antar komputer untuk saling berkomunikasi dengan bertukar data. Tujuan dari jaringan komputer adalah agar dapat mencapai tujuannya.

Setiap bagian dari jaringan komputer dapat meminta dan memberikan layanan (service). Pihak yang meminta/menerima layanan disebut klien (client) dan yang memberikan/mengirim layanan disebut peladen (server). Desain ini disebut dengan sistem client-server, dan digunakan pada hampir seluruh aplikasi jaringan compute

Networking
  1. Seiring dengan kebutuhan data yang dinamis dan cepat dengan effort yang minimal, banyak aplikasi mobile perlu mengambil data dari sebuah atau beberapa aplikasi back end yang di host pada web server untuk kebutuhan aplikasinya.
  2. Pada react native terdapat cara untuk mengambil, menampilkan, memasukkan, mengupdate, dan menghapus data dari aplikasi back end dan ditampilkan dengan baik kepada users.
HTTP Request Dan Web Server

Menggunakan Fetch
  1. React Native menyediakan Fecth API untuk kebutuhan aplikasi mobile Anda.
  2. Fetch akan tampak familiar jika Anda telah menggunakan XMLHttpRequest atau API yang lainnya.
  3. Membuat Request
  4. Untuk mengambil (fetch) konten dari sebuah aplikasi back end pada sebuah web server, kita dapat menggunakan perintah sebagai berikut:HTTP Request Dan Web Server
  5. Fetch juga menggunakan argument kedua yang bersifat opsional yang memungkinkan Anda dapat melakukan customize HTTP request yang Anda lakukan.
  6. Anda mungkin menginginkan header tambahan atau membuat request POST seperti contoh berikut:HTTP Request Dan Web Server
  7. Dalam banyak kasus, Anda mungkin ingin melakukan respon terhadap request dari sebuah data json sebagaimana contoh dibawah ini:HTTP Request Dan Web Server

Praktikum: HTTP Request

Contoh :

Buat aplikasi untuk menampilkan judul film dan tahun ditayangkannya seperti pada contoh terlampir

HTTP Request Dan Web Server

Langkah-Langkah dalam menyelesaikan Latihan ini:
  1. Buka url https://expo.io/ dan login dengan Account Anda
  2. Setelah masuk dashboard, klik Snack
  3. Klik “New Snack” dengan nama “LatihanHTTPRequest”
  4. Pada Snack ketik perintah seperti yang ditampilkan pada slide berikutnya.
HTTP Request Dan Web Server

Penanganan Respon
  1. Kode programHTTP Request Dan Web Server
  2. Dalam banyak kasus, Anda mungkin ingin melakukan respon terhadap request dari sebuah data json sebagaimana contoh dibawah ini:
    HTTP Request Dan Web Server

Sumber Referensi : reactnative.dev