Was ist eine eigenständige mobile App?

In der Regel sind alle Simplifier Apps mobil ready und können direkt mit dem Simplifier Mobile Client geöffnet werden.
Wenn Sie die Simplifier Mobile Client App nicht verwenden möchten, können Sie eine “eigenständige” Distribution für Android- und iOS-Mobilgeräte erstellen.

Wann brauche ich “Standalone”?

• Wenn Sie Ihre App im Google Play Store oder Apple Store mit Ihrem Unternehmen als Aussteller veröffentlichen möchten, sowie mit eigenem Logo und Namen
• Ihre Kunden sollten das App-in-App-Konzept / Simplifier Mobile App nicht nutzen

Voraussetzungen

Um eine mobile App als einzelnes Distributionspaket zu exportieren und zu erstellen, müssen Sie Ihren Client mit den erforderlichen Build-Tools vorbereiten: Software:

• Installiertes Cordova-Build-Tool (Installationshandbuch)
• Android Studio zum Erstellen von Android-Apps (Installationshandbuch)
• Apple xCode (Weitere Informationen)

Hardware:

• Windows- oder Linux-Client und/oder
• Mac für Apple xCode

Außerdem benötigen Sie eine

• Google-Entwicklerkonto
• Apple-Entwicklerkonto

Einrichten von Metadaten

Vorbereiten der Build-Umgebung

App-Quellen herunterladen

Der Download der App-Quellen wird hier beschrieben.

Überprüfen Sie Corodova

cordova --version

Es sollte Version 10 oder höher sein

Arbeitsbereich erstellen

Erstellen Sie ein neues Verzeichnis für Ihr App-Projekt “myworkpace”

Kopieren Sie Ihren Simplifier Mobile-Export in Workspace

Kopieren Sie die vollständigen Verzeichnisse und Dateien in den Arbeitsbereich

config.xml
package.json
hooks 
www

Erstellen einer Keystore-Datei für Android

Legen Sie es unter dem Ordner signing/android/release.keystore ab

Bildschirm und Symbole hinzufügen

res/icons/<Android/iOS> res/screens/<Android/iOS> und fügen Sie die Symbole und Bilder als Referenzpfad in Ihrem Download-config.xml hinzu

Überprüfen der vollständigen Buildkonfiguration

Öffnen Sie die Datei config.xml in einem XML-Editor wie Android Studio, Notepad++ oder Visual Studio Code. Überprüfen Sie den XML-Parameter.

android-targetSdkVersion

– Mindestens sollten Sie API-Version 30 oder höher auswählen, siehe Versionsverlauf und Autor

<authoremail="dev@cordova.apache.org"href="http://cordova.io"> Apache Cordova Team </author>

<preference name="DisallowOverscroll" value="true" />

Bereinigen Sie Ihre Projekte (optional)

Wenn Sie bereits einen Build in Ihrem Arbeitsbereich erstellt haben, bereinigen Sie die Ergebnisse vorher:

rm -rf platforms
rm -rf plugins
rm -rf node_modules
rm package-lock.json

Initialisieren der NPM-Module

HINWEIS: Nur für Simplifier <= v6.5 erforderlich! Um die neuesten Quellen zu aktualisieren, wechseln Sie in Ihr workpace-Verzeichnis und geben Sie

npm run init

Cordova-Plug-ins herunterladen

HINWEIS: Nur für Simplifier <= v6.5 erforderlich! Um Cordova-Plug-ins herunterzuladen, geben Sie

npm run fetch

Erstellen Sie Ihre App für Android

Wenn Sie Ihre Umgebung vorbereitet haben, können Sie den Buildprozess starten

Schritt 1 Android-Plattform hinzufügen

Hinzufügen der Android-Plattform zu Ihrem Build-Projekt

cordova platform add android

Nach diesem Schritt wurde ein neues Android-Projekt im Ordner platforms/android erstellt.

Schritt 2 Erstellen Sie build.json

Zum Signieren der App müssen Sie Ihr Zertifikat im Buildprozess bereitstellen. Am einfachsten ist es, eine neue Datei build.json mit folgendem Inhalt zu erstellen: Hier sehen Sie ein Beispiel für eine Buildkonfigurationsdatei:

{
 "android": {
   "release": {
     "keystore": "../android.keystore",
     "storePassword": "",
     "alias": "mykey2",
     "password" : "password",
     "keystoreType": ""
   }
  }
}

des

Schritt 3: Starten Sie den Android-Build

Eintreten

cordova build android

, um die App über Android Studio zu kompilieren.
Die apk wird unter

<yourworkspace>/platforms/android/app/build/outputs/apk

Erstellen Sie Ihre App für iOS

Für iOS müsst ihr vorher xCode installieren – der Build-Prozess kann nur unter MacOS laufen

Schritt 1 iOS-Plattform hinzufügen

Gehen Sie zur Konsole, wechseln Sie zu Ihrem Arbeitsbereich und geben Sie

cordova platform add ios

Danach werden das xCode-Projekt und die iOS-Ressource erstellt

Schritt 2 – Fügen Sie ios Build Config zu build.json hinzu

Öffnen oder erstellen Sie die build.json in Ihrem Arbeitsbereich

{  
  "ios": 
   {   
     "release": 
      {     
        "codeSignIdentity": "iPhone Developer",
        "developmentTeam": "FG35JLLMXX4A",
        "packageType": "app-store",
        "automaticProvisioning": true,     
        "buildFlag": [ "EMBEDDED_CONTENT_CONTAINS_SWIFT = YES", 
                       "ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES=NO", 
                       "LD_RUNPATH_SEARCH_PATHS = \"@executable_path/Frameworks\"" 
        ] 
     } 
  } 
}

Weitere Erläuterungen finden Sie in der folgenden Tabelle

des

Schritt 3 – Starten des Build-Prozesses

Starten Sie den Build-Prozess mit

cordova build ios