MSAL React Native Wrapper für iOS und Android

Blog

MSAL React Native Wrapper für iOS und Android

MSAL React Native Wrapper für iOS und Android

reagieren-native-msal



Einstieg

Erfordert React-Native >=0.61

$ yarn add react-native-msal



Gemeinsames Setup

  1. Registrieren Sie Ihre Anwendung im Azure-Portal
  2. Richten Sie Weiterleitungs-URLs für Ihre Anwendung im Portal ein. Sie benötigen eine für iOS und Android. Sie haben die folgenden Muster:
    • iOS: msauth.://auth.
      • Beispiel: msauth.energy.stash.msal.example://auth
    • Android: msauth:///
      • Beispiel: msauth://energy.stash.msal.example/ab%4E1lPIzBP2j9uELdUz%2BcarjgxQ%3D
      • Holen Sie sich Ihre Paketsignatur von Ihrem |_+_| oder von der Google Play-Konsole, wenn Sie die automatische App-Signatur aktiviert haben. Für lokales Debugging können Sie diesen Befehl eingeben, um Ihre |_+_| zu lesen: |_+_|
      • Konvertieren Sie die SHA1-Signatur in base64: |_+_|
      • URL-kodieren Sie den base64-String

Android-Setup

  1. Folgen Sie den Schritten 1 bis 3 des Verwenden von MSAL Abschnitt der Android MSAL-Dokumentation. WICHTIG : Für Schritt 2 müssen Sie MUSS Erstellen Sie eine Datei in Ihrem Assets-Ordner (|_+_|) mit dem Namen |_+_| mit Ihrer MSAL-Konfiguration. Wenn Sie kein |_+_| . haben Ordner bereits, müssen Sie einen erstellen

iOS-Setup

  1. Befolgen Sie die Schritte im MSAL konfigurieren Abschnitt der iOS MSAL-Dokumentation

Verwendungszweck

Siehe Beispielverwendung in |_+_| in der Beispiel-App

*.keystore

Beispiel

Um das Beispiel auszuführen, gehen Sie zuerst wie folgt vor:



  1. debug.keystore
  2. Fügen Sie die Umleitungs-URLs in Ihrem Mandanten hinzu:
    • Android: keytool -list -v -keystore path/to/debug.keystore -alias androiddebugkey -storepass android -keypass android
    • iOS: echo -n '' | openssl dgst -binary -sha1 | openssl base64
  3. Aktualisieren Sie die |_+_| Objekt in |_+_| mit deinen Angaben

Android

  1. Bearbeiten Sie die |_+_| Asset-Datei, um Ihre Kundennummer und Behörden einzuschließen
  2. android/app/src/main/assets

ios

  1. msal_config.json

Download-Details:

Autor: Vorratsenergie

GitHub: https://github.com/stashenergy/react-native-msal

#reagieren-nativ #reagieren #mobile-apps