Skapa en Apache Cordova-app

Översikt

I den här kursen får du lära dig hur du lägger till en molnbaserad serverdelstjänst i en Apache Cordova-mobilapp med hjälp av en mobilappserverdel i Azure. Du skapar både en ny serverdel för mobilappen och en enkel Apache Cordova-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 Apache Cordova-kurs om att använda funktionen Mobile Apps i Azure Apptjänst.

Krav

För att slutföra den här självstudien, finns följande förhandskrav:

Du kan också kringgå Visual Studio och direkt använda kommandoraden i Apache Cordova. Det är praktiskt att använda kommandoraden om du går självstudiekursen på en Mac-dator. I den här kursen ingår inte att kompilera klientprogram i Apache Cordova med hjälp av kommandoraden.

Skapa serverdelen för en Azure-mobilapp

  1. Logga in på Azure Portal.
  2. Klicka på +NY och skriv Mobilappar i Sök på marketplace. Välj Snabbstart för mobila appar och klicka på Skapa.

    Azure-portalen med snabbstart för mobila appar markerad

  3. För Resursgrupp väljer du en befintlig resursgrupp, eller skapar en ny (med samma namn som din app).
  4. Klicka på Skapa. Vänta några minuter på att tjänsten ska distribueras innan du fortsätter.

Titta på en video som visar liknande steg

Konfigurera serverprojektet

  1. I serverdelen för mobilappen klickar du på Inställningar > Snabbstart > din klientplattform.
  2. Under Skapa ett tabell-API väljer du Node.js för Språk för serverdel. Godkänn bekräftelsen och klicka på Skapa TodoItem-tabell. En ny TodoItem-tabell skapas i din databas. Kom ihåg att när du byter en befintlig serverdel till Node.js, så skrivs allt innehåll över! Följ de här instruktionerna för att istället skapa en .NET-serverdel.

Hämta och köra Apache Cordova-appen

  1. Besök Azure Portal.
  2. Klicka på Bläddra alla > Mobile Apps > serverdelen som du har skapat.
  3. I inställningarna för mobilappar, klickar du på Snabbstart > Cordova.
  4. Under Konfigurera klientprogrammet, väljer du Skapa en ny app, och klickar sedan på Hämta.
  5. Packa upp den hämtade ZIP-filen i en katalog på hårddisken, navigera till lösningsfilen (.sln) och öppna den med hjälp av Visual Studio.
  6. I Visual Studio väljer du lösningsplattform (Android, iOS eller Windows) från listrutan bredvid startpilen. Välj en viss distributionsenhet eller emulator genom att klicka på den gröna pilen i listrutan. Du kan använda Android-plattformen och Ripple-emulatorn av standardtyp. För mer avancerade självstudier (t.ex, push-meddelanden) krävs att du väljer en enhet eller emulator som stöds.
  7. Tryck på F5 eller klicka på den gröna pilen för att skapa och köra din Cordova-app. Om du ser en säkerhetsdialogruta i emulatorn som begär åtkomst till nätverket, accepterar du begäran.
  8. Efter att appen har startats på enheten eller emulatorn, skriver du in en beskrivande text i Ange ny text, exempelvis Genomför självstudierna, och klickar sedan på Lägg till-knappen.

Serverdelen infogar data från begäran i TodoItem-tabellen i SQL Database och returnerar information om det nyligen lagrade objekten tillbaka till mobilappen. Mobilappen visar dessa data i listan.

Du kan upprepa steg 3 till 5 för andra plattformar.

Nästa steg

Nu när du har slutfört den här snabbstartskursen går du vidare till en av följande kurser:

Läs mer om nyckelbegrepp i Azure Apptjänst.

Lär dig hur du använder SDK: er.