Erstellen einer Android-App

Überblick

In diesem Tutorial erfahren Sie, wie Sie mithilfe eines Azure-Backends einen Cloud-basierten Dienst zu einer Android-App hinzufügen. Sie erstellen sowohl ein neues mobiles App-Back-End als auch eine einfache Todo-Listen-Android-App , die App-Daten in Azure speichert.

Das Abschließen dieses Lernprogramms ist eine Voraussetzung für alle anderen Android-Lernprogramme zur Verwendung des Features "Mobile Apps" in Azure App Service.

Voraussetzungen

Um dieses Tutorial abzuschließen, benötigen Sie Folgendes:

Android Developer Tools, einschließlich der integrierten Android Studio-Entwicklungsumgebung und der neuesten Android-Plattform.
Azure Mobile Android SDK.
Ein aktives Azure-Konto.

Erstellen eines neuen mobilen Azure-App-Back-Ends

Melden Sie sich beim Azure-Portal an.
Klicken Sie auf "Ressource erstellen".
Geben Sie im Suchfeld Web App ein.
Wählen Sie in der Ergebnisliste web App aus dem Marketplace aus.
Wählen Sie Ihre Abonnement - und Ressourcengruppe aus (wählen Sie eine vorhandene Ressourcengruppe aus , oder erstellen Sie eine neue Gruppe (mit demselben Namen wie Ihre App).
Wählen Sie einen eindeutigen Namen Ihrer Web-App aus.
Wählen Sie die Standardoption „Veröffentlichen“ als „Code“ an.
Im Runtime-Stapel müssen Sie eine Version unter ASP.NET oder Node auswählen. Wenn Sie ein .NET-Back-End erstellen, wählen Sie unter ASP.NET eine Version aus. Wenn Sie auf eine nodebasierte Anwendung abzielen, wählen Sie andernfalls eine der Versionen aus Node aus.
Wählen Sie das richtige Betriebssystem aus, entweder Linux oder Windows.
Wählen Sie die Region aus, in der diese App bereitgestellt werden soll.
Wählen Sie den entsprechenden App Service Plan aus, und klicken Sie auf "Überprüfen und erstellen".
Wählen Sie unter "Ressourcengruppe" eine vorhandene Ressourcengruppe aus, oder erstellen Sie eine neue Gruppe (mit demselben Namen wie Ihre App).
Klicken Sie auf "Erstellen". Warten Sie einige Minuten, bis der Dienst erfolgreich bereitgestellt wurde, bevor Sie fortfahren. Sehen Sie sich das Benachrichtigungssymbol im Portalheader an, um Statusaktualisierungen zu erhalten.
Klicken Sie nach Abschluss der Bereitstellung auf den Abschnitt " Bereitstellungsdetails ", und klicken Sie dann auf die Ressource des Typs "Microsoft.Web/sites". Es navigiert Sie zu der App Service-Web-App, die Sie gerade erstellt haben.
Klicken Sie auf das Blatt "Konfiguration" unter "Einstellungen", und klicken Sie in den Anwendungseinstellungen auf die Schaltfläche "Neue Anwendungseinstellung".
Geben Sie auf der Seite "Anwendungseinstellung hinzufügen/bearbeiten" den Namen als MobileAppsManagement_EXTENSION_VERSION und den Wert als "neueste Version" ein, und drücken Sie "OK".

Sie sind bereit, diese neu erstellte App Service Web-App als mobile App zu verwenden.

Erstellen einer Datenbankverbindung und Konfigurieren des Client- und Serverprojekts

Laden Sie die Client-SDK-Schnellstarts für die folgenden Plattformen herunter:

iOS (Objective-C)
iOS (Swift)
Android (Java)
Xamarin.iOS
Xamarin.Android
Xamarin.Forms
Cordova
Windows (C#)

Hinweis

Wenn Sie das iOS-Projekt verwenden, müssen Sie "azuresdk-iOS-*.zip" aus der neuesten GitHub-Version herunterladen. Entpacken Sie die MicrosoftAzureMobile.framework Datei, und fügen Sie sie dem Stammverzeichnis des Projekts hinzu.
Sie müssen eine Datenbankverbindung hinzufügen oder eine Verbindung mit einer vorhandenen Verbindung herstellen. Bestimmen Sie zunächst, ob Sie einen Datenspeicher erstellen oder einen vorhandenen verwenden.
- Erstellen Sie einen neuen Datenspeicher: Wenn Sie einen Datenspeicher erstellen möchten, verwenden Sie die folgende Schnellstartanleitung:
  
  Schnellstart: Erste Schritte mit einzelnen Datenbanken in der Azure SQL-Datenbank
- Vorhandene Datenquelle: Befolgen Sie die nachstehenden Anweisungen, wenn Sie eine vorhandene Datenbankverbindung verwenden möchten.
  1. SQL-Datenbankverbindungszeichenfolgenformat - Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}
    
    {your_SQLServer} Der Name des Servers befindet sich auf der Übersichtsseite für Ihre Datenbank und ist in der Regel in Form von "server_name.database.windows.net". {port} in der Regel 1433. {your_catalogue} Name der Datenbank. {your_username} Benutzername für den Zugriff auf Ihre Datenbank. {your_password} Kennwort für den Zugriff auf Ihre Datenbank.
    
    Weitere Informationen zum SQL-Verbindungszeichenfolgenformat
  2. Fügen Sie die Verbindungszeichenfolge zu Ihrer mobilen App im App Service hinzu. Sie können Verbindungszeichenfolgen für Ihre Anwendung über die Menüoption Konfiguration verwalten.
    
    So fügen Sie eine Verbindungszeichenfolge hinzu:
    1. Klicken Sie auf die Registerkarte "Anwendungseinstellungen ".
    2. Klicken Sie auf [+] Neue Verbindungszeichenfolge.
    3. Sie müssen Name, Wert und Typ für Ihre Verbindungszeichenfolge angeben.
    4. Geben Sie Name als MS_TableConnectionString
    5. Der Wert sollte die Verbindungszeichenfolge sein, die Sie im Schritt zuvor gebildet haben.
    6. Wenn Sie einer SQL Azure-Datenbank eine Verbindungszeichenfolge hinzufügen, wählen Sie "SQLAzure " unter "Typ" aus.
Azure Mobile Apps verfügt über SDKs für .NET und Node.js Back-Ends.
- Node.js Backend
  
  Wenn Sie Node.js Schnellstart-App verwenden möchten, folgen Sie den nachstehenden Anweisungen.
  1. Wechseln Sie im Azure-Portal zu "Einfache Tabellen", wird dieser Bildschirm angezeigt.
  2. Stellen Sie sicher, dass die SQL-Verbindungszeichenfolge bereits auf der Registerkarte Konfiguration hinzugefügt wurde. Aktivieren Sie dann das Kontrollkästchen Ich bestätige, dass dadurch alle Website-Inhalte überschrieben werden und klicken Sie auf die Schaltfläche TodoItem-Tabelle erstellen.
  3. Klicken Sie in "Einfache Tabellen" auf die Schaltfläche "+Hinzufügen ".
  4. Erstellen Sie eine TodoItem Tabelle mit anonymem Zugriff.
- .NET-Backend
  
  Wenn Sie die .NET-Schnellstart-App verwenden möchten, folgen Sie den nachstehenden Anweisungen.
  1. Laden Sie das .NET-Serverprojekt von Azure Mobile Apps aus dem Azure-Mobile-Apps-Schnellstart-Repository herunter.
  2. Erstellen Sie das .NET-Serverprojekt lokal in Visual Studio.
  3. Öffnen Sie in Visual Studio den Projektmappen-Explorer, klicken Sie mit der rechten Maustaste auf ZUMOAPPNAMEService Projekt, klicken Sie auf "Veröffentlichen", es wird ein Publish to App Service Fenster angezeigt. Wenn Sie auf dem Mac arbeiten, schauen Sie sich weitere Möglichkeiten zum Bereitstellen der App hier an.
  4. Wählen Sie App Service als Veröffentlichungsziel aus, klicken Sie dann auf Vorhandenes auswählen, und klicken Sie dann unten im Fenster auf die Schaltfläche Veröffentlichen.
  5. Sie müssen sich zuerst mit Ihrem Azure-Abonnement bei Visual Studio anmelden. Wählen Sie die Subscription, Resource Groupund dann den Namen Ihrer App aus. Wenn Sie fertig sind, klicken Sie auf "OK", damit wird das .NET-Serverprojekt bereitgestellt, das Sie lokal im App Service-Back-End haben. Nach Abschluss der Bereitstellung werden Sie im Browser zu http://{zumoappname}.azurewebsites.net/ weitergeleitet.

Ausführen der Android-App

Öffnen Sie das Projekt mit Android Studio, mithilfe des Importprojekts (Eclipse ADT, Gradle usw.). Stellen Sie sicher, dass Sie diese Importauswahl treffen, um JDK-Fehler zu vermeiden.
Öffnen Sie die Datei ToDoActivity.java in diesem Ordner - ZUMOAPPNAME/app/src/main/java/com/example/zumoappname. Der Anwendungsname ist ZUMOAPPNAME.
Wechseln Sie zum Azure-Portal , und navigieren Sie zu der mobilen App, die Sie erstellt haben. Suchen Sie auf dem Blatt Overview nach der URL, die der öffentliche Endpunkt für Ihre mobile App ist. Beispiel: Der Websitename für meinen App-Namen "test123" wird https://test123.azurewebsites.net.
Ersetzen Sie den Parameter onCreate() in der Methode ZUMOAPPURL durch den oben genannten öffentlichen Endpunkt.

new MobileServiceClient("ZUMOAPPURL", this).withFilter(new ProgressFilter());

wird

new MobileServiceClient("https://test123.azurewebsites.net", this).withFilter(new ProgressFilter());
Drücken Sie die Schaltfläche "App ausführen" , um das Projekt zu erstellen und die App im Android-Simulator zu starten.
Geben Sie in der App aussagekräftigen Text ein, z. B. "Lernprogramm abschließen ", und klicken Sie dann auf die Schaltfläche "Hinzufügen". Dadurch wird eine POST-Anforderung an das Azure-Back-End gesendet, das Sie zuvor bereitgestellt haben. Das Back-End fügt Daten aus der Anforderung in die Sql-Tabelle von TodoItem ein und gibt Informationen zu den neu gespeicherten Elementen zurück an die mobile App zurück. Die mobile App zeigt diese Daten in der Liste an.

Last updated on 2019-05-06

Freigeben über