Creare un'app WindowsCreate a Windows app

PanoramicaOverview

Questa esercitazione illustra come aggiungere un servizio back-end basato sul cloud a un'app UWP (Universal Windows Platform).This tutorial shows you how to add a cloud-based backend service to a Universal Windows Platform (UWP) app. Per altre informazioni, vedere Informazioni sulle app per dispositivi mobili.For more information, see What are Mobile Apps. Di seguito sono riportate alcune schermate dell'app completata:The following are screen captures from the completed app:

App desktop completata
Esecuzione in un computer desktop.Running on a desktop.

App per telefono completata
Esecuzione in un telefono.Running on a phone

Il completamento di questa esercitazione costituisce un prerequisito per tutte le altre esercitazioni delle app per dispositivi mobili relative ad app UWP.Completing this tutorial is a prerequisite for all other Mobile App tutorials for UWP apps.

PrerequisitiPrerequisites

Per completare l'esercitazione, sono necessari gli elementi seguenti:To complete this tutorial, you need the following:

  • Un account Azure attivo.An active Azure account. Se non è disponibile un account, è possibile iscriversi per accedere a una versione di valutazione di Azure e ottenere un massimo di 10 app per dispositivi mobili gratuite che potranno essere usate anche dopo il termine del periodo di valutazione.If you don't have an account, you can sign up for an Azure trial and get up to 10 free mobile apps that you can keep using even after your trial ends. Per informazioni dettagliate, vedere la pagina relativa alla versione di valutazione gratuita di Azure.For details, see Azure Free Trial.
  • Visual Studio Community 2015 o versione successiva.Visual Studio Community 2015 or a later version.

Creare un nuovo back-end dell'app per dispositivi mobili di AzureCreate a new Azure Mobile App backend

Per creare un nuovo back-end dell'app per dispositivi mobili, attenersi alla procedura seguente.Follow these steps to create a new Mobile App backend.

  1. Accedere al portale di Azure.Sign in to the [Azure portal].

  2. Fare clic su New.Click New.

  3. Nella casella di ricerca digitare App per dispositivi mobili.In the search box, type Mobile Apps.

    Portale di Azure con Avvio rapido per le app per dispositivi mobili evidenziato

  4. Nell'elenco dei risultati selezionare Avvio rapido per le app per dispositivi mobili e quindi Crea.In the results list, select Mobile Apps Quickstart, and then select Create.

  5. In Gruppo di risorse selezionare un gruppo di risorse esistente o crearne uno nuovo usando lo stesso nome dell'app.Under Resource Group, select an existing resource group or create a new one (using the same name as your app).

  6. Fare clic su Crea.Click Create. Prima di procedere, attendere il completamento della distribuzione del servizio.Wait a few minutes for the service to be deployed successfully before proceeding.

È stato eseguito il provisioning di un back-end dell'app per dispositivi mobili di Azure che può essere usato dalle applicazioni client per dispositivi mobili.You have now provisioned an Azure Mobile App backend that can be used by your mobile client applications. Successivamente, scaricare un progetto server per un semplice back-end "todo list" e pubblicarlo in Azure.Next, you will download a server project for a simple "todo list" backend and publish it to Azure.

Configurare il progetto serverConfigure the server project

  1. Fare clic sul pulsante Servizi app e selezionare il back-end delle app per dispositivi mobili, quindi Avvio rapido e infine la piattaforma client (iOS, Android, Xamarin o Cordova).Click the App Services button, select your Mobile Apps back end, select Quickstart, and then select your client platform (iOS, Android, Xamarin, Cordova).

    Portale di Azure con Avvio rapido per le app per dispositivi mobili evidenziato

  2. Se non è configurata la connessione a un database, crearne una seguendo questa procedura:If a database connection is not configured, create one by doing the following:

    Portale di Azure con connessione a un database per le app per dispositivi mobili

    a.a. Creare un nuovo server e un nuovo database SQL.Create a new SQL database and server.

    Portale di Azure con creazione di un nuovo database e un nuovo server per le app per dispositivi mobili

    b.b. Attendere la creazione della connessione dati.Wait until the data connection is successfully created.

    Notifica del completamento della creazione della connessione dati nel portale di Azure

    c.c. La connessione dati deve avere esito positivo.Data connection must be successful.

    Notifica "Esiste già una connessione dati" nel portale di Azure

  3. In 2. Creare un'API di tabella selezionare Node.js per Linguaggio back-end.Under 2. Create a table API, select Node.js for Backend language.

  4. Accettare l'acknowledgment e quindi selezionare Crea tabella TodoItem.Accept the acknowledgment, and then select Create TodoItem table.
    Con questa azione viene creata una nuova tabella di attività nel database.This action creates a new to-do item table in your database.

    Importante

    Il passaggio di un back-end esistente a Node.js sovrascrive tutto il contenuto.Switching an existing back end to Node.js overwrites all contents. Per creare invece un back-end .NET, vedere Usare l'SDK del server back-end .NET per App per dispositivi mobili di Azure.To create a .NET back end instead, see Work with the .NET back-end server SDK for Mobile Apps.

Scaricare ed eseguire il progetto clientDownload and run the client project

Dopo aver configurato il back-end dell'app per dispositivi mobili, è possibile creare una nuova app client o modificarne una esistente per connettersi ad Azure.Once you have configured your Mobile App backend, you can either create a new client app or modify an existing app to connect to Azure. In questa sezione viene scaricato un progetto di modello di app UWP personalizzato per la connessione al back-end dell'app per dispositivi mobili.In this section, you download a UWP app template project that is customized to connect to your Mobile App backend.

  1. Nel pannello Avvio rapido del back-end dell'app per dispositivi mobili fare clic su Crea una nuova app > Download, quindi estrarre i file di progetto compressi nel computer locale.Back in the Quick start blade for your Mobile App backend, click Create a new app > Download, then extract the compressed project files to your local computer.

    Download del progetto di guida introduttiva di Windows

  2. (Facoltativo) Aggiungere il progetto di app UWP alla stessa soluzione in cui si trova il progetto server.(Optional) Add the UWP app project to the same solution as the server project. Ciò semplifica il debug e il test dell'app e del back-end nella stessa soluzione di Visual Studio, se si sceglie di eseguire questa operazione.This makes it easier to debug and test both the app and the backend in the same Visual Studio solution, if you choose to do so. Per aggiungere un progetto di app UWP alla soluzione, è necessario usare Visual Studio 2015 o versione successiva.To add a UWP app project to the solution, you must be using Visual Studio 2015 or a later version.
  3. Specificare l'app UWP come progetto di avvio, quindi premere il tasto F5 per distribuire ed eseguire l'app.With the UWP app as the startup project, press the F5 key to deploy and run the app.
  4. Nell'app digitare un testo significativo, ad esempio Complete the tutorial nella casella di testo Insert a TodoItem (Inserire TodoItem), quindi fare clic su Save (Salva).In the app, type meaningful text, such as Complete the tutorial, in the Insert a TodoItem text box, and then click Save.

    Desktop completo di guida introduttiva di Windows

    Verrà inviata una richiesta POST al nuovo back-end dell'app per dispositivi mobili ospitato in Azure.This sends a POST request to the new mobile app backend that's hosted in Azure.

  5. (Facoltativo) Arrestare l'app e riavviarla in un dispositivo diverso o in un emulatore di dispositivi mobili.(Optional) Stop the app and restart it on a different device or mobile emulator.

    Telefono completo di guida introduttiva di Windows

    Si noti che i dati salvati dal passaggio precedente vengono caricati da Azure dopo l'avvio dell'app UWP.Notice that data saved from the previous step is loaded from Azure after the UWP app starts.

Passaggi successiviNext steps