Projektliste

Open Source · React Native

React Native Sanctum

Laravel Sanctum in einer React-Native-App nutzen. Eine Bibliothek für Anmeldung, Abmeldung und den aktuellen Benutzer.

React NativeLaravel Sanctum

Anmeldung mit Laravel Sanctum

Das Paket bindet ein Laravel-Sanctum-Backend an eine React-Native-App an. Es stellt Funktionen für Anmeldung, Abmeldung, den aktuellen Benutzer und die Prüfung des Anmeldestatus bereit.

In der App verwenden

Ein AuthProvider umschließt die Anwendung. Komponenten greifen über useAuth auf die Funktionen und den Benutzerzustand zu.

import { AuthProvider, useAuth } from 'react-native-laravel-sanctum';

Die API-Endpunkte werden in der Konfiguration des Providers hinterlegt. Das Backend muss die entsprechenden Endpunkte für Anmeldung, Abmeldung und Benutzerabfrage bereitstellen.

Installation

npm install react-native-laravel-sanctum

Das Paket verwendet expo-secure-store und benötigt deshalb einen neuen nativen App-Build. Die README enthält die Einrichtung und eine Beispiel-App.

Im Quellcode

Technischer Aufbau

Die einzelnen Bausteine lassen sich direkt im Repository ansehen.

  1. Zustand in der App

    AuthProvider hält Benutzer und Anmeldestatus bereit. Komponenten greifen über useAuth darauf zu.

    Quellcode ansehen
  2. Anfragen an Laravel

    AuthService ruft die konfigurierten Endpunkte auf und setzt den gespeicherten Token im Authorization-Header.

    Quellcode ansehen
  3. Token auf dem Gerät

    Die native TokenStorage-Implementierung speichert, liest und entfernt den Token über Expo SecureStore.

    Quellcode ansehen

Nächstes Projekt

Margarita Hanke

Kundenprojekt · Kunst & Inhalte

Zur StartseiteAlle Projekte