iOS Mobile App Builder – Configuration

Einführung

Wir bei Knowband sind außergewöhnlich geschickt und kompetent in der Umwandlung Ihrer PrestaShop-Site in eine wunderbare, funktionsreiche mobile App für Ihre Zielkunden. Sie müssen Ihren PrestaShop-Entwicklern lediglich Ihre Geschäftsanforderungen und -erwartungen mitteilen, der Rest wird ihnen garantiert. Mit unserem Talentpool von Programmierern, Designern und anderen involvierten Fachleuten können wir eine mobile App bereitstellen, die genau Ihren persönlichen Erwartungen und Geschäftsanforderungen entspricht. Wenn Sie sich über den Nutzen dieser mobilen App für Ihren PrestaShop-Shop nicht im Klaren sind, werfen Sie bitte einen Blick auf diese fantastische PrestaShop-App. Dies ist definitiv eine solche mobile App, die Ihr E-Commerce-Geschäft in ferne Regionen bringen kann. Mit der Unterstützung dieser mobilen PrestaShop-App können Sie Ihre Multi-Plattform-Kunden für Ihren PrestaShop-Shop nahtlos ansprechen, um maximale Umsätze und Kundenbindung zu erzielen. Es kann Ihr E-Commerce-Geschäft für mobile Kunden zugänglich machen, um Ihre Chancen auf Geschäftswachstum und -expansion zu verbessern. Mit dieser mobilen App können PrestaShop-Shop-Besitzer ihre maßgeschneiderte mobile App gemäß ihren geschäftlichen Anforderungen und Bedürfnissen erhalten.

Arbeitsprozess

Um die Dienste dieser mobilen App nutzen zu können, müssen Filialbesitzer die folgenden Schritte implementieren:

Schritt 1. Sobald Sie dieses Modul erworben haben, laden Sie das Modul in Ihrem Geschäft herunter, installieren und aktivieren Sie es. Dieses Modul ermöglicht die Kommunikation zwischen Ihrer mobilen App und Ihrem Geschäft.

Schritt 2. Kontaktieren Sie uns und teilen Sie uns die unten angegebenen Details mit, damit wir Ihre iOS-App (IPA-Datei) erstellen und mit Ihnen teilen können. ein. Splash-Bild (1280×1920 png)

b. App-Symbol (512×512 png)

c. Themenfarbe (Blau, Orange, Grün, Schwarz)

d. Webadresse

e. Webseiten-Name

f. Gewünschter Name der sozialen Login-Option aus Facebook und Google.

G. GoogleInfo.plist-Datei

h. Code-Snippet von der Facebook-Entwicklerkonsole (Facebook-App-ID, Facebook-App-Name)

ich. Bereitstellungsprofile (.mobileprovision-Dateien)

STEP 3. Nach Erhalt der oben genannten Informationen teilen wir Ihnen eine IPA-Datei mit, die Sie in Ihrem "App Store" -Konto veröffentlichen können, damit Ihre Kunden Ihre App herunterladen können. Lesen Sie das Dokument ordnungsgemäß, um den Prozess zum Abrufen der erforderlichen Dateien zu kennen.

Erstellen einer Facebook App

Voraussetzungen für die Erstellung der Facebook App für iOS (Wird von Knowband zur Verfügung gestellt)

  • Name des App-Pakets (com.example.xxxx)

Erstellen einer Facebook App

  • Gehe zuhttps://developers.facebook.com/. Wenn Sie sich noch nicht als Entwickler registriert haben, bittet Facebook Sie, sich als Entwickler zu registrieren. Einfach als Entwickler registrieren.
  • Aus dem oberen Navigationsmenü Meine Applikationen.
  • Dann klick Fügen Sie eine neue App hinzu.
  • Geben Sie einen Anzeigenamen für die App ein. Dieser Name wird dem Benutzer angezeigt, wenn er Facebook-Login verwendet.
  • Klicken Sie auf App-ID erstellen. Nach der Überprüfung werden Sie auf die neue Seite weitergeleitet.
  • Wählen Sie auf dieser Seite den Facebook-Login und klicken Sie auf Aufbauen Option.

  • Wählen Sie dann iOS und klicken Sie auf Weiter, bis Sie auf erreichen "Fügen Sie Ihre Bundle-ID hinzu"Schritt.
  • Geben Sie die Paket-ID (Anwendungspaketname) für die iOS-App ein. Die Paketkennung wird von Knowband zur Verfügung gestellt. Klicken Sie auf "Speichern" und dann auf "Weiter".
  • Klicken Sie weiter auf "Weiter", bis Sie auf erreichen "Konfigurieren Sie Ihre info.plist" Schritt.
  • On "Konfigurieren Sie Ihre info.plist" Schritt, klicken Sie auf "Code kopieren" und fügen Sie den Text in eine Textdatei ein.

  • Klicken Sie auf "Weiter" bis zum letzten Schritt.

Die App öffentlich machen

  • Um diese App für alle zugänglich zu machen, müssen Sie sie öffentlich machen.
  • Klicken Sie nun im linken Menü auf App-Überprüfung
  • Dreh den Schalter neben 'Möchten Sie diese App und alle ihre Live-Funktionen der Öffentlichkeit zugänglich machen? to Ja.

  • Wählen Sie die Kategorie und klicken Sie auf Bestätigen.

  • Jetzt ist deine App öffentlich verfügbar.
  • Bitte teilen Sie den Text, den Sie in der Textdatei gespeichert haben (auf "Konfigurieren Sie Ihre info.plist" Schritt) mit Knowband. Stellen Sie sicher, dass der Text die folgenden Details enthält:

<key> FacebookAppID </ key> <string> some_key </ string> <schlüssel> FacebookDisplayName </ key> <string> name_of_facebook_app_you_created </ string>

App-IDs im Apple-Entwicklerkonto erstellen

Voraussetzungen für die Erstellung der App-ID im Apple Developer Account (wird von Knowband zur Verfügung gestellt)

  • Name des App-Pakets (com.example.xxxx)
  • Paketname für den Push-Benachrichtigungsdienst (com.example.xxxx.NauticaPrestashopNotificationServiceExtension)

App-ID im Apple-Entwicklerkonto erstellen

  • Melden Sie sich unter developer.apple.com/account an und klicken Sie auf Zertifikate, IDs und Profile.
  • Wählen Sie unter Bezeichner App-IDs aus.
  • Klicken Sie auf die Schaltfläche Hinzufügen (+) in der oberen rechten Ecke.
  • Geben Sie einen Namen oder eine Beschreibung für die App-ID in das Feld Beschreibung ein.

  • Um eine explizite App-ID zu erstellen, wählen Sie Explizite App-ID und geben Sie die Bundle-ID der App in das Feld Bundle-ID ein.
  • Geben Sie die von Knowband (Enter App-Paketname nicht Paketname für den Push-Benachrichtigungsdienst).

  • Aktivieren Sie die entsprechenden Kontrollkästchen, um die App-Dienste zu aktivieren, die Sie verwenden möchten. Überprüfen Sie auch die Push-Benachrichtigungen-Optionen.

  • Klicken Sie auf Weiter.
  • Überprüfen Sie die Registrierungsinformationen und klicken Sie auf Registrieren.
  • Klicken Sie auf Fertig.
  • Wiederholen Sie alle Schritte für Paketname für den Push-Benachrichtigungsdienst sowie.
  • Jetzt werden Ihrem Konto zwei App-IDs hinzugefügt. Eins für App-Paketname und ein anderer für Paketname für den Push-Benachrichtigungsdienst.

Einrichten der Push-Benachrichtigung im Apple-Entwicklerkonto

Voraussetzungen für die Erstellung der App-ID im Apple Developer Account (wird von Knowband zur Verfügung gestellt)

  • Name des App-Pakets (com.example.xxxx)

Einrichten der App-ID für Push-Benachrichtigungen

  1. Auf der Seite "iOS-App-IDs". Suchen Sie nach der App-ID, die Sie gerade erstellt haben (wie bei Knowband). Drücken Sie darauf und Sie sollten eine Dropdown-Liste der Anwendungsdienste sehen.
  2. Scrollen Sie nach unten, bis Sie das Ende des Dropdown-Menüs erreichen, und Sie sollten eine Schaltfläche "Bearbeiten" sehen. Drücken Sie das.
  3. Die Seite "iOS-App-ID-Einstellungen" wird angezeigt. Jetzt ist es an der Zeit, die CSR (Certificate Signing Request) zu erstellen, die zum Generieren des SSL-Zertifikats verwendet wird. Die CSR-Datei kann nur vom MacBook generiert werden. Die Standard-CSR wird jedoch von Knowband bereitgestellt, aber wenn Sie eine eigene CSR-Datei erstellen möchten, lesen Sie diese So generieren Sie CSR (Certificate Signing Request) mit dem MacBook.
  4. Nachdem nun unsere CSR erstellt wurde, können Sie zur Seite "iOS-Zertifikat hinzufügen" zurückkehren.
  5. Runterscrollen. Drücken Sie auf Weiter und dann auf "Datei auswählen"
  6. Als nächstes klicken Sie auf "fortsetzen"nochmal. Dann sollte die Webseite sagen "Ihr Zertifikat ist fertig. ". Laden Sie das Zertifikat herunter, indem Sie auf den blauen Download-Button klicken.

  1. Folgen Sie wieder allen Schritten vom Punkt 1 zu 7, die oben gezeigt sind Produktionszertifikate anstelle von Entwicklungszertifikaten.
  2. Jetzt haben Sie zwei Zertifikate (cer) Dateien für die Entwicklung und eine für die Produktion.
  3. Jetzt ist es an der Zeit, den privaten Schlüssel zu generieren p.12 Datei. Auch dies kann von Knowband nach dem Teilen der Zertifikatsdateien mit uns von Ihnen generiert werden oder Sie können es auch am eigenen Ende generieren. Lesen Wie generiere ich eine private Schlüsseldatei (.p12) mit dem MacBook.
  4. Jetzt haben Sie die private Schlüsseldatei (.p12) für die Entwicklungs- und Produktionsumgebung.
  5. Speichern Sie diese Dateien für jetzt. Sie müssen diese Dateien auf der Firebase-Entwicklerkonsole hochladen.

Exportieren des Bereitstellungsprofils für die Codesignierung

Voraussetzungen für die Erstellung der App-ID im Apple Developer Account (wird von Knowband zur Verfügung gestellt)

  • Name des App-Pakets (com.example.xxxx)
  • Paketname für den Push-Benachrichtigungsdienst (com.example.xxxx.NauticaPrestashopNotificationServiceExtension)

Exportieren des Bereitstellungsprofils

  • Anmelden bei entwickler.apple.com/account, und klicken Sie auf Zertifikate, IDs und Profile.
  • Wählen Sie unter Bereitstellungsprofile die Option Alle aus.

  • Klicken Sie auf die Schaltfläche Hinzufügen (+) in der oberen rechten Ecke.

  • Auswählen App Store und klicken Sie auf Fortfahren.

  • Wählen Sie die App-ID aus dem Dropdown-Menü, das in erstellt wurde App-IDs im Apple-Entwicklerkonto erstellen Schritt. Sie können die App-ID anhand des Namens oder der Beschreibung identifizieren, die Sie im Schritt App-IDs in Apple Developer Account erstellen festgelegt haben. (Wählen Sie den App-Paketnamen und nicht den Paketnamen für den Push-Benachrichtigungsdienst aus.)

  • Klicke auf Fortfahren am Ende der Seite.
  • Wählen Sie das Zertifikat aus

  • Drücken Sie Fortfahren
  • geben Sie ein Name und klicken Sie auf Fortfahren.

  • Sie sehen eine Erfolgsmeldung, die sagt "Ihr Bereitstellungsprofil ist bereit".
  • Klicken Sie auf Herunterladen Schaltfläche, um das Bereitstellungsprofil in Ihrem System herunterzuladen.

  • Wiederholen Sie alle Schritte für den Paketnamen für den Push-Benachrichtigungsdienst.
  • Jetzt haben Sie zwei Bereitstellungsprofile. Eins für App-Paketname und ein anderer für Paketname für den Push-Benachrichtigungsdienst.
  • Sie müssen diese beiden Dateien teilen (mit Erweiterung als .mobileprovision) auch mit Knowband.

Erstellen eines Projekts in der Google Developers Console

Voraussetzungen für die Erstellung von Google App für iOS (Wird von Knowband zur Verfügung gestellt)

  • Name des App-Pakets (com.example.xxxx)

Google Projekt erstellen

  • Gehen Sie zuerst zu https://firebase.google.com/. Melden Sie sich mit Ihrem Google-Konto an, um die Konsole aufzurufen. Wenn Sie nicht wissen, wie Sie zur Konsole wechseln sollen, gibt es oben rechts eine Schaltfläche mit der Aufschrift "Gehe zur Konsole". Mach weiter und klicke darauf.

  • Sobald Sie an der Konsole sind, klicken Sie auf die Schaltfläche "Neues Projekt erstellen". Geben Sie Ihrem Projekt einen Namen und klicken Sie auf die Schaltfläche "Neues Projekt erstellen", um fortzufahren.

  • Danach werden Sie auf die Projektübersichtsseite weitergeleitet. Klicken Sie nun auf die Schaltfläche "Firebase zu Ihrem iOS hinzufügen". Geben Sie die von Knowband zur Verfügung gestellte Bundle-ID ein. Klicken Sie dann auf die Schaltfläche "APP HINZUFÜGEN".

  • Befolgen Sie die Anweisungen auf dem Bildschirm zum Herunterladen der GoogleInfo.plist Datei. Wir werden diese Datei später brauchen.

  • Nun lecke "Continue" um fortzufahren und klicke auf "Finish" um die Konfiguration abzuschließen. Sie sollten dann Ihre iOS-App auf der Firebase-Übersichtsseite sehen.

  • Suchen Sie nach dem Einstellungssymbol oben rechts. Klicken Sie auf das Einstellungssymbol> Projekteinstellungen.

  • Wähle aus Cloud-Messaging Tab.

  • Scrollen Sie nach unten und klicken Sie auf "Zertifikat hochladen" Taste.

  • Dann sollte ein Pop erscheinen, der Sie nach Ihrem APNS-Entwicklungszertifikat fragt.
  • Klicken Sie auf Durchsuchen und wählen Sie Ihr APNs-Zertifikat (dh .p12-Datei für die Entwicklung), das Sie vorbereitet haben "Einrichten der Push-Benachrichtigung im Apple Entwicklerkonto" Abschnitt (wir haben zwei .p12-Dateien in diesem Schritt einen für die Entwicklung und einen anderen für die Produktion). Klicken Sie dann auf die Schaltfläche Hochladen. Laden Sie das Zertifikat auf der Production APNs-Zertifikat-Sektion ebenfalls für die Produktion hoch (z. B. .p12-Produktionsdatei).
  • Auf derselben Seite können Sie die GoogleInfo.plist Datei (wenn nicht bereits heruntergeladen). Du wirst das teilen müssen GoogleInfo.plist Datei zum Knowband.

So generieren Sie CSR (Certificate Signing Request) mit dem MacBook

  • Es ist Zeit für uns, ein "Client SSL-Zertifikat" zu erstellen. Dadurch kann unser Benachrichtigungsserver (Firebase) eine Verbindung mit dem Apple Push Notification Service herstellen. Klicken Sie unter SSL-Zertifikat für Entwicklung auf "Zertifikat erstellen"
  • Um ein Zertifikat zu generieren, benötigen wir eine CSR-Datei (Certificate Signing Request) vom Mac. Wir werden später auf diese Seite zurückkommen, aber jetzt brauchen wir die CSR-Datei.
  • Informationen zum Erstellen der CSR-Datei finden Sie in den folgenden Schritten.
  • Um eine CSR-Datei zu generieren, drücken Sie cmd + space und führen Sie eine Spotlight-Suche nach "Keychain Access" durch. Öffnen Sie den Schlüsselbundzugriff und gehen Sie zum Menü, um Schlüsselbundzugriff> Zertifikatsassistent> Anfordern eines Zertifikats von einer Zertifizierungsstelle auszuwählen

  • Ein "Certificate Assistant" Popup sollte erscheinen.

  • Geben Sie Ihre E-Mail-Adresse und Ihren Namen ein. Wählen Sie "Auf Festplatte gespeichert" und drücken Sie Weiter. Dann speichern Sie Ihre CSR irgendwo auf Ihrer Festplatte.

Wie generiere ich eine private Schlüsseldatei (.p12) mit dem MacBook.

  1. Doppelklicken Sie auf die Zertifikatsdatei (.cer) und sie wird automatisch in Ihre Schlüsselbundzugriffszertifikate eingefügt.
  2. Öffnen Sie den Schlüsselbund. Unter der Kategorie "Meine Zertifikate" sollten Sie das gerade hinzugefügte Zertifikat sehen. Es sollte heißen: Apple Development IOS Push Services: <your.bundle.id>
  3. Klicken Sie auf den Erweiterungspfeil links neben dem Zertifikatsnamen, um die Option für den privaten Schlüssel anzuzeigen. Klicken Sie mit der rechten Maustaste auf den privaten Schlüssel und drücken Sie Exportieren.
  4. Sobald Sie auf Exportieren klicken, werden Sie in einem Popup aufgefordert, Ihren privaten Schlüssel als .p12-Datei zu speichern. Mach weiter und klicke sparen. Geben Sie im Namen einen Präfix als Entwickler ein, um sicherzustellen, dass die Datei für Entwicklung bestimmt ist.
  5. Lassen Sie die Felder dann leer und klicken Sie zur Bestätigung auf OK, um eine .p12-Datei auf Ihrem Gerät zu speichern.

 

Aktivieren Sie die Facebook-Anmeldung auf der Firebase-Konsole

  • Wir müssen die Facebook-Anmeldung auch vom Firebase-Konto aus aktivieren, damit die Funktionalität funktioniert.
  • Gehe zuerst zur Facebook-Konsole und wähle dann die App aus, die du im Schritt "Facebook-App erstellen" erstellt hast.
  • Sie werden zum Dashboard weitergeleitet.

Bild-1

  • Dort finden Sie App ID und App Secret
  • Gehen Sie dann zur Firebase-Konsole und wählen Sie im linken Menü die Registerkarte Authentifizierung.
  • Gehen Sie zum Tab "Anmeldeverfahren" und aktivieren Sie das Facebook von dort.

Bild-2

  • Sie müssen das App-Geheimnis und die Facebook-ID eingeben und dann auf Speichern klicken.

Bild-3

/***************************** Ende des Dokuments ***************** ************** /

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *