Skapa en Android-app

  • Artikel

Översikt

I den här kursen får du lära dig hur du lägger till en molnbaserad serverdelstjänst i en Android-mobilapp genom att använda en mobilappsserverdel i Azure. Du skapar både en ny mobilappsserverdel och en enkel Android-app med en att göra-lista som lagrar appdata i Azure.

Du måste slutföra den här kursen innan du påbörjar någon annan Androidkurs om att använda funktionen Mobile Apps i Azure Apptjänst.

Förutsättningar

För att göra den här självstudien behöver du följande:

Skapa en ny mobilappserverdel i Azure

  1. Logga in på Azure-portalen.

  2. Klicka på Skapa en resurs.

  3. I sökrutan skriver du Webbapp.

  4. I resultatlistan väljer du Webbapp från Marketplace.

  5. Välj din prenumeration och resursgrupp (välj en befintlig resursgrupp eller skapa en ny (med samma namn som din app)).

  6. Välj ett unikt namn på webbappen.

  7. Välj standardalternativet Publicera som Kod.

  8. I körningsstacken måste du välja en version under ASP.NET eller Node. Om du skapar en .NET-serverdel väljer du en version under ASP.NET. Om du annars riktar in dig på ett Nodbaserat program väljer du en av versionerna från Node.

  9. Välj rätt operativsystem, antingen Linux eller Windows.

  10. Välj den region där du vill att den här appen ska distribueras.

  11. Välj lämplig App Service plan och tryck på Granska och skapa.

  12. Under Resursgrupp, väljer du en befintlig resursgrrupp eller skapar en ny (med samma namn som din app).

  13. Klicka på Skapa. Vänta några minuter på att tjänsten ska distribueras innan du fortsätter. Titta på meddelandeikonen (klockan) i portalrubriken för statusuppdateringar.

  14. När distributionen är klar klickar du på avsnittet Distributionsinformation och klickar sedan på resursen av typen Microsoft.Web/sites. Den navigerar till den App Service webbapp som du nyss skapade.

  15. Klicka på bladet Konfiguration under Inställningar och i Programinställningar klickar du på knappen Ny programinställning .

  16. På sidan Lägg till/redigera programinställning anger du Namn som MobileAppsManagement_EXTENSION_VERSION och Värde som senaste och trycker på OK.

Du är redo att använda den här nyligen skapade App Service-webbappen som en mobilapp.

Skapa en databasanslutning och konfigurera klient- och serverprojektet

  1. Ladda ned snabbstarterna för klient-SDK för följande plattformar:

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

    Anteckning

    Om du använder iOS-projektet måste du ladda ned "azuresdk-iOS-*.zip" från den senaste GitHub-versionen. Packa upp och lägg till MicrosoftAzureMobile.framework filen i projektets rot.

  2. Du måste lägga till en databasanslutning eller ansluta till en befintlig anslutning. Börja med att avgöra om du ska skapa ett datalager eller använda ett befintligt.

    • Skapa ett nytt datalager: Om du ska skapa ett datalager använder du följande snabbstart:

      Snabbstart: Komma igång med enkla databaser i Azure SQL Database

    • Befintlig datakälla: Följ anvisningarna nedan om du vill använda en befintlig databasanslutning

      1. SQL Database format för anslutningssträng –Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}

        {your_SQLServer} Namnet på servern finns på översiktssidan för databasen och är vanligtvis i form av "server_name.database.windows.net". {port} vanligtvis 1433. {your_catalogue} Namnet på databasen. {your_username} Användarnamn för att få åtkomst till databasen. {your_password} Lösenord för att komma åt databasen.

        Läs mer om sql-anslutningssträngformat

      2. Lägg till anslutningssträngen i mobilappen I App Service kan du hantera anslutningssträngar för ditt program med hjälp av alternativet Konfiguration på menyn.

        Så här lägger du till en anslutningssträng:

        1. Klicka på fliken Programinställningar .

        2. Klicka på [+] Ny anslutningssträng.

        3. Du måste ange Namn, Värde och Typ för anslutningssträngen.

        4. Skriv Namn som MS_TableConnectionString

        5. Värdet ska vara den anslutningssträng som du skapade i steget innan.

        6. Om du lägger till en anslutningssträng i en SQL Azure databas väljer du SQLAzure under typ.

  3. Azure Mobile Apps har SDK:er för .NET och Node.js serverdelar.

    • Node.js serverdel

      Om du ska använda Node.js snabbstartsapp följer du anvisningarna nedan.

      1. I Azure Portal går du till Enkla tabeller. Den här skärmen visas.

        Node Easy-tabeller

      2. Kontrollera att SQL-anslutningssträngen redan har lagts till på fliken Konfiguration . Markera sedan kryssrutan I acknowledge that this will overwrite all site contents and click the Create TodoItem table button.

        Konfiguration av enkla nodtabeller

      3. I Enkla tabeller klickar du på knappen + Lägg till .

        Knappen Lägg till enkla nodtabeller

      4. Skapa en TodoItem tabell med anonym åtkomst.

        Lägg till tabell med enkla nodtabeller

    • .NET-serverdelen

      Om du ska använda .NET-snabbstartsappen följer du anvisningarna nedan.

      1. Ladda ned .NET-serverprojektet för Azure Mobile Apps från lagringsplatsen azure-mobile-apps-quickstarts.

      2. Skapa .NET-serverprojektet lokalt i Visual Studio.

      3. I Visual Studio öppnar du Solution Explorer, högerklickar på projektet, klickar på ZUMOAPPNAMEServicePublicera. Då visas ett Publish to App Service fönster. Om du arbetar med Mac kan du titta på andra sätt att distribuera appen här.

        Visual Studio-publicering

      4. Välj App Service som publiceringsmål, klicka sedan på Välj befintlig och klicka sedan på knappen Publicera längst ned i fönstret.

      5. Du måste logga in på Visual Studio med din Azure-prenumeration först. SubscriptionVälj , Resource Groupoch välj sedan namnet på din app. När du är klar klickar du på OK. Då distribueras det .NET-serverprojekt som du har lokalt i App Service serverdel. När distributionen är klar omdirigeras du till http://{zumoappname}.azurewebsites.net/ i webbläsaren.

Kör Android-appen

  1. Öppna projektet med Android Studio med hjälp av Importera projekt (Eclipse ADT, Gradle, osv.). Kontrollera att du har gjort det här importvalet för att undvika eventuella JDK-fel.

  2. Öppna filen ToDoActivity.java i den här mappen – ZUMOAPPNAME/app/src/main/java/com/example/zumoappname. Programnamnet är ZUMOAPPNAME.

  3. Gå till Azure Portal och gå till den mobilapp som du skapade. Overview På bladet letar du efter url:en som är den offentliga slutpunkten för din mobilapp. Exempel – webbplatsnamnet för mitt appnamn "test123" blir https://test123.azurewebsites.net.

  4. I onCreate() metoden ersätter du ZUMOAPPURL parametern med den offentliga slutpunkten ovan.

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

    Blir

    new MobileServiceClient("https://test123.azurewebsites.net", this).withFilter(new ProgressFilter());

  5. Tryck på knappen Kör app för att skapa projektet och starta appen i Android-simulatorn.

  6. Ange en beskrivande text i appen, till exempel Slutför guiden, och klicka sedan på Lägg till-knappen. Detta skickar en POST-begäran till den Azure-serverdel som du distribuerade tidigare. Serverdelen infogar data från begäran i TodoItem-SQL-tabellen och returnerar information om det nyligen lagrade objektet tillbaka till mobilappen. Mobilappen visar dessa data i listan. Snabbstart för Android