Creare un'app Windows

Panoramica

Questa esercitazione illustra come aggiungere un servizio back-end basato sul cloud a un'app UWP (Universal Windows Platform). Per altre informazioni, vedere Informazioni sulle app per dispositivi mobili. Di seguito sono riportate alcune schermate dell'app completata:

App desktop completata
Esecuzione in un computer desktop.

App per telefono completata
Esecuzione in un telefono.

Il completamento di questa esercitazione costituisce un prerequisito per tutte le altre esercitazioni delle app per dispositivi mobili relative ad app UWP.

Prerequisiti

Per completare l'esercitazione, sono necessari gli elementi seguenti:

  • Un account Azure attivo. 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. Per informazioni dettagliate, vedere la pagina relativa alla versione di valutazione gratuita di Azure.
  • Visual Studio Community 2015 o versione successiva.

Creare un nuovo back-end dell'app per dispositivi mobili di Azure

Per creare un nuovo back-end dell'app per dispositivi mobili, attenersi alla procedura seguente.

  1. Accedere al portale di Azure.
  2. Fare clic su +NUOVO e digitare App per dispositivi mobili in Cerca nel Marketplace. Selezionare Mobile Apps Quickstart (Guida introduttiva alle app per dispositivi mobili) e fare clic su Crea.

    Portale di Azure con evidenziata la guida introduttiva alle app per dispositivi mobili

  3. In Gruppo di risorseselezionare un gruppo di risorse esistente o crearne uno nuovo usando lo stesso nome dell'app.
  4. Fare clic su Create. Prima di procedere, attendere il completamento della distribuzione del servizio.

È 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. Successivamente, scaricare un progetto server per un semplice back-end "todo list" e pubblicarlo in Azure.

Configurare il progetto server

  1. Fare clic su Servizi app, selezionare il back-end dell'app per dispositivi mobili, fare clic su Avvio rapido, selezionare la piattaforma client (iOS, Android, Xamarin, Cordova).

Portale di Azure con evidenziata la guida introduttiva alle app per dispositivi mobili

  1. Se la connessione al database non è configurata, è necessario creare una connessione dati.

Portale di Azure con app per dispositivi mobili, connessione a BD

  • Creare un nuovo server e un database SQL.

    Portale di Azure con app per dispositivi mobili, creazione di un nuovo BD e server

  • Attendere la creazione della connessione dati.

    Portale di Azure con app per dispositivi mobili, notifica di creazione della connessione dati

  • La connessione dati deve avere esito positivo.

    Portale di Azure con app per dispositivi mobili, notifica di creazione della connessione dati

  1. In 2. Creare un'API di tabella selezionare Node.js per Linguaggio back-end. Accettare l'acknowledgment e fare clic su Crea tabella TodoItem. Verrà creata una nuova tabella TodoItem nel database. Tenere presente che il passaggio di un back-end esistente a Node.js sovrascriverà tutto il contenuto. Per creare invece un back-end .NET, seguire queste istruzioni.

Scaricare ed eseguire il progetto client

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. In questa sezione viene scaricato un progetto di modello di app UWP personalizzato per la connessione al back-end dell'app per dispositivi mobili.

  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.

    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. 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. Per aggiungere un progetto di app UWP alla soluzione, è necessario usare Visual Studio 2015 o versione successiva.
  3. Specificare l'app UWP come progetto di avvio, quindi premere il tasto F5 per distribuire ed eseguire l'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).

    Desktop completo di guida introduttiva di Windows

    Verrà inviata una richiesta POST al nuovo back-end dell'app per dispositivi mobili ospitato in Azure.

  5. (Facoltativo) Arrestare l'app e riavviarla in un dispositivo diverso o in un emulatore di dispositivi mobili.

    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.

Passaggi successivi