Skip to content

Pasquale007/AppDev

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mobile App Development

Vorraussetzungen

Vorraussetzungen

Node v16.15.0 npm 8.5.5

Setup

Frontend

Folgender Befehl muss im frontend-Ordner ausgeführt werden, um das Fronend zu starten:

npm start

Daraufhin öffnet sich in der Console ein QR-Code. Es wird die App "expo" auf dem Testgerät (also dein Handy) benötigt, um den QR Code zu lesen. Über den AppStore oder Google Playstore installieren.

Backend

Das Backend muss nicht extra gestartet werden, da es bereits auf einem Server läuft und sich die App automatisch mit diesem verbindet.

Android/iOS Build erstellen

Um einen Build dieser App zu erstellen, muss folgendes getan werden:

  1. Folgende Dependencies müssen installiert werden:
  2. Folgende Dependencies müssen installiert werden:
npm install @react-navigation/native

npx expo install react-native-screens react-native-safe-area-context

npm install @react-navigation/stack

npx expo install react-native-gesture-handler

npx expo install @react-native-masked-view/masked-view
  1. EAS CLI installieren:
  2. EAS CLI installieren:
npm install -g eas-cli
  1. Expo-Account auf expo.dev erstellen, falls noch nicht vorhanden.

  2. Im Terminal mit dem Expo-Account anmelden:

  3. Im Terminal mit dem Expo-Account anmelden:

eas login
  1. Konfigurieren eines Android Projekts für EAS Build:
  2. Konfigurieren eines Android Projekts für EAS Build:
eas build:configure
  1. Erstellen der APK:
  2. Erstellen der APK:
eas build -p android --profile preview 

oder

Erstellen des Apple Builds:

eas build -p ios --profile preview 

Nach einem erfolgreichen Build kann die App auf expo.dev heruntergeladen werden.

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •