Tutorial React Native Auth - #3 - Membuat Global Api React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah global api yang akan kita gunakan pada project kita.

Rafi Taufiqurrahman
Dipublish 04/07/2025

Pada artikel ini kita akan membuat sebuah global API endpoint terlebih dahulu, fungsi dari global api ini adalah untuk mendefinisikan alamat URL dari backend laravel yang akan kita gunakan. Keunggulan mendifinisikan global Api adalah ketika ada perubahan URL endpoint kita tidak perlu melakukan perubahan keseluruhan URL endpoint yang telah kita buat, cukup ubah di global Api nya saja.

Silahkan teman - teman buka terminalnya kemudian jalankan perintah berikut ini.

npm i axios @react-native-async-storage/async-storage

Setelah itu, silahkan teman - teman buat folder baru dengan nama api di root folder project, kemudian buat file baru dengan nama index.ts, selanjutnya masukan kode berikut ini.

index.ts
import axios from 'axios';

const api = axios.create({
    baseURL: 'http://127.0.0.1:8000/api',
    headers: {
        "Accept": 'application/json',
        "Content-Type": 'application/json'
    },
    withCredentials: true,
})

export default api;

Pada kode diatas, kita import Axios terlebih dahulu.

index.ts
import axios from 'axios';

Kemudian, kita membuat sebuah instance dari axios yang kita beri nama api.

index.ts
const api = axios.create({
    baseURL: 'http://127.0.0.1:8000/api',
    headers: {
        "Accept": 'application/json',
        "Content-Type": 'application/json'
    },
});

Terkahir kita export api tersebut.

index.ts
export default api;

Artikel Lainnya

Beberapa artikel rekomendasi lainnya untuk menambah pengetahuan.

1
Tutorial Inertia Roles & Permissions - #13 - Membuat Module Role Dengan Inertia React
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan membuat sebuah module role dengan inertia react.
2
Belajar Typescript Dasar - #1 - Installasi Typescript
Artikel ini merupakan series dari Belajar Typescript Dasar, disini kita akan belajar melakukan installasi typescript pada komputer kita.
3
Tutorial Laravel Rest API - #4 - Membuat Module Login
Artikel ini merupakan series dari Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing, disini kita belajar membuat module login selain membuat rest api kita juga menuliskan sebuah unit test untuk module tersebut.
4
Tutorial Laravel Livewire - #1 - Project Overview
Artikel ini merupakan series dari Tutorial Laravel Livewire Study Case Point Of Sales, disini kita akan bahasa teknologi apa saja yang kita gunakan dan scope dari project yang akan kita bangun.
5
Tutorial Inertia Roles & Permissions - #5 - Membuat Model, Migration, Faker Dan Seeder Laravel
Artikel ini merupakan series dari Tutorial Laravel Inertia Roles & Permissions, disini kita akan membuat sebuah model, migration, faker dan seeder yang akan kita gunakan di dalam project kita.
6
Tutorial React Native Auth - #1 - Installasi React Native dengan Expo
Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan mulai melakukan installasi project react native kita dari awal menggunakan expo.

JurnalKoding

Mulai asah skill dengan berbagai macam teknologi - teknologi terbaru seperti Laravel, React, Vue, Inertia, Tailwind CSS, dan masih banyak lagi.

© 2025 JurnalKoding, Inc. All rights reserved.