Creare un'app Xamarin.Forms

Panoramica

Questa esercitazione illustra come aggiungere un servizio back-end basato sul cloud a un'app per dispositivi mobili Xamarin.Forms mediante un back-end per app per dispositivi mobili di Azure. Verranno creati un nuovo back-end di app per dispositivi mobili e una semplice app Xamarin.Forms Todo list che archivia dati delle app in Azure.

Il completamento di questa esercitazione è un prerequisito per tutte le altre esercitazioni relative alle app per dispositivi mobili per Xamarin.Forms.

Prerequisiti

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

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

Seguire questa procedura per configurare il progetto server per l'uso del back-end .NET o Node.js.

  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 la soluzione Xamarin.Forms

Sono disponibili un paio di opzioni. È possibile scaricare la soluzione in un computer Mac e aprirla in Xamarin Studio oppure è possibile scaricarla in un computer Windows e aprirla in Visual Studio usando un Mac collegato alla rete per creare l'app per iOS. Se sono necessarie istruzioni più dettagliate sugli scenari di configurazione di Xamarin, vedere Configurazione e installazione per Visual Studio e Xamarin.

Procedura:

  1. Nel computer Mac o Windows passare al portale di Azure in una finestra del browser.
  2. Nel pannello delle impostazioni dell'app per dispositivi mobili fare clic su Introduzione (in Dispositivi mobili) > Xamarin.Forms. Al passaggio 3 fare clic su Crea una nuova app, se l'opzione non è già selezionata. Fare quindi clic sul pulsante Download .

    Verrà scaricato un progetto che contiene un'applicazione client connessa all'app per dispositivi mobili. Salvare il file del progetto compresso nel computer locale e prendere nota del percorso.

  3. Estrarre il progetto scaricato e aprirlo in Xamarin Studio o in Visual Studio.

(Facoltativo) Eseguire il progetto iOS

Questa sezione illustra l'esecuzione del progetto Xamarin iOS per dispositivi iOS. Se non si usano dispositivi iOS, è possibile ignorare questa sezione.

In Xamarin Studio

  1. Fare clic con il pulsante destro del mouse sul progetto iOS e quindi scegliere Set As Startup Project(Imposta come progetto di avvio).
  2. Scegliere Start Debugging (Avvia debug) dal menu Run (Esegui) per compilare il progetto e avviare l'app nell'emulatore iPhone.

In Visual Studio

  1. Fare clic con il pulsante destro del mouse sul progetto iOS e quindi scegliere Imposta come progetto di avvio.
  2. Scegliere Configuration Manager dal menu Compila.
  3. Nella finestra di dialogo Configuration Manager selezionare le caselle di controllo Compila e Distribuisci del progetto iOS.
  4. Premere F5 per compilare il progetto e avviare l'app nell'emulatore iPhone.

    Nota

    In caso di problemi di compilazione, eseguire Gestione pacchetti NuGet ed effettuare l'aggiornamento alla versione più recente dei pacchetti per il supporto Xamarin. A volte i progetti di Avvio rapido possono accumulare ritardo nell'aggiornamento alla versione più recente.

Nell'app digitare un testo significativo, ad esempio Learn Xamarin, e quindi fare clic sul pulsante +.

Verrà inviata una richiesta POST al nuovo back-end dell'app per dispositivi mobili ospitato in Azure. I dati della richiesta vengono inseriti nella tabella TodoItem. Gli elementi archiviati nella tabella vengono restituiti dal back-end per app mobili e i dati vengono visualizzati nell'elenco.

Nota

Il codice che accede al back-end dell'app per dispositivi mobili è disponibile nel file TodoItemManager.cs C# del progetto di libreria di classi portabile della soluzione.

(Facoltativo) Eseguire il progetto Android

Questa sezione illustra l'esecuzione del progetto Xamarin droid per dispositivi Android. Se non si usano dispositivi Android, è possibile ignorare questa sezione.

In Xamarin Studio

  1. Fare clic con il pulsante destro del mouse sul progetto Android e quindi scegliere Set As Startup Project(Imposta come progetto di avvio).
  2. Scegliere Start Debugging (Avvia debug) dal menu Run (Esegui) per compilare il progetto e avviare l'app nell'emulatore Android.

In Visual Studio

  1. Fare clic con il pulsante destro del mouse sul progetto Android (Droid) e quindi scegliere Imposta come progetto di avvio.
  2. Scegliere Configuration Manager dal menu Compila.
  3. Nella finestra di dialogo Configuration Manager selezionare le caselle di controllo Compila e Distribuisci del progetto Android.
  4. Premere F5 per compilare il progetto e avviare l'app nell'emulatore Android.

    Nota

    In caso di problemi di compilazione, eseguire Gestione pacchetti NuGet ed effettuare l'aggiornamento alla versione più recente dei pacchetti per il supporto Xamarin. A volte i progetti di Avvio rapido possono accumulare ritardo nell'aggiornamento alla versione più recente.

Nell'app digitare un testo significativo, ad esempio Learn Xamarin, e quindi fare clic sul pulsante +.

Verrà inviata una richiesta POST al nuovo back-end dell'app per dispositivi mobili ospitato in Azure. I dati della richiesta vengono inseriti nella tabella TodoItem. Gli elementi archiviati nella tabella vengono restituiti dal back-end per app mobili e i dati vengono visualizzati nell'elenco.

Nota

Il codice che accede al back-end dell'app per dispositivi mobili è disponibile nel file TodoItemManager.cs C# del progetto di libreria di classi portabile della soluzione.

(Facoltativo) Eseguire il progetto Windows

Questa sezione illustra l'esecuzione del progetto Xamarin WinApp per dispositivi Windows. Se non si usano dispositivi Windows, è possibile ignorare questa sezione.

In Visual Studio

  1. Fare clic con il pulsante destro del mouse sul progetto Windows e quindi scegliere Imposta come progetto di avvio.
  2. Scegliere Configuration Manager dal menu Compila.
  3. Nella finestra di dialogo Configuration Manager selezionare le caselle di controllo Compila e Distribuisci del progetto Windows scelto.
  4. Premere F5 per compilare il progetto e avviare l'app nell'emulatore Windows.

    Nota

    In caso di problemi di compilazione, eseguire Gestione pacchetti NuGet ed effettuare l'aggiornamento alla versione più recente dei pacchetti per il supporto Xamarin. A volte i progetti di Avvio rapido possono accumulare ritardo nell'aggiornamento alla versione più recente.

Nell'app digitare un testo significativo, ad esempio Learn Xamarin, e quindi fare clic sul pulsante +.

Verrà inviata una richiesta POST al nuovo back-end dell'app per dispositivi mobili ospitato in Azure. I dati della richiesta vengono inseriti nella tabella TodoItem. Gli elementi archiviati nella tabella vengono restituiti dal back-end per app mobili e i dati vengono visualizzati nell'elenco.

Nota

Il codice che accede al back-end dell'app per dispositivi mobili è disponibile nel file TodoItemManager.cs C# del progetto di libreria di classi portabile della soluzione.

Passaggi successivi