Laravel Sanctum Rest API React Native

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
Series Tutorial React Native Auth - #3 - Membuat Global Api React Native

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;

Series Artikel

Berikut ini daftar series artikel dari Tutorial Authentication Dengan React Native dan Laravel Sanctum

1
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.
2
Tutorial React Native Auth - #2 - Membuat Reusable Components

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat beberapa reusable components yang akan kita gunakan pada project kita.
3
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.
4
Tutorial React Native Auth - #4 - Membuat Custom Context Authentikasi React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah custom context authentikasi pada project kita
5
Tutorial React Native Auth - #5 - Membuat Login Screen React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah login screen pada project kita
6
Tutorial React Native Auth - #6 - Membuat Dashboard Screen React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah dashboard screen pada project kita
7
Tutorial React Native Auth - #7 - Membuat Profile Screen React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah profile screen pada project kita
8
Tutorial React Native Auth - #8 - Membuat Register Screen React Native

Artikel ini merupakan series dari Tutorial Authentication Dengan React Native dan Laravel Sanctum, disini kita akan membuat sebuah register screen pada project kita

Rafi Taufiqurrahman

Once you stop learning, you start dying

Follow me on

Series Lainnya

Beberapa series rekomendasi lainnya untuk menambah pengetahuan.

1
Tutorial Point of Sales Laravel, Livewire, Alpine.js & Tailwind Css
Pada seri ini, kita akan belajar membangun sebuah study case sederhana aplikasi kasir atau point of sales. pada study case ini kita juga akan belajar tentang dasar - dasar laravel dan livewire.
2
Tutorial Laravel Inertia Roles & Permissions
Pada seri ini, kita akan sama-sama belajar mengimplementasikan sebuah roles & permisisons pada project laravel inertia. disini kita akan menggunakan sebuah package yang sangat populer yaitu laravel permissions dari laravel spatie, selain itu kita juga akan menggunakan laravel breeze sebagai authentikasi kita.
3
Tutorial Authentication Dengan Laravel Sanctum dan Unit Testing
Pada seri ini, kita akan belajar membuat sebuah restfull api untuk authentikasi menggunakan laravel sanctum dan juga disini kita akan belajar menuliskan sebuah unit testing menggunakan phpunit.
4
Belajar Typescript Dasar
Pada seri kali ini, kita akan belajar bersama-sama tentang dasar-dasar TypeScript, mulai dari cara mendeklarasikan variabel, fungsi, membuat interface, membuat class, dan masih banyak lagi.

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.