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 la funzionalità App per dispositivi mobili del Servizio app di Azure come back-end. Vengono creati un nuovo back-end di app per dispositivi mobili e una semplice app Xamarin.Forms di tipo elenco attività 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 di App per dispositivi mobili

Per creare un nuovo back-end di App per dispositivi mobili, seguire questa procedura:

  1. Accedere al portale di Azure.

  2. Fare clic su New.

  3. Nella casella di ricerca digitare App per dispositivi mobili.

    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.

  5. In Gruppo di risorse selezionare un gruppo di risorse esistente o crearne uno nuovo usando lo stesso nome dell'app.

  6. Fare clic su Crea. Prima di procedere, attendere il completamento della distribuzione del servizio.

È stato configurato un back-end di App per dispositivi mobili che può essere usato dalle applicazioni client per dispositivi mobili. Scaricare quindi in progetto server per un semplice back-end di tipo elenco attività e pubblicarlo in Azure.

Configurare il progetto server

Per configurare il progetto server per l'uso del back-end Node.js o .NET, seguire questa procedura:

  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).

    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:

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

    a. Creare un nuovo server e un nuovo database SQL.

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

    b. Attendere la creazione della connessione dati.

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

    c. La connessione dati deve avere esito positivo.

    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.

  4. Accettare l'acknowledgment e quindi selezionare Crea tabella TodoItem.
    Con questa azione viene creata una nuova tabella di attività nel database.

    Importante

    Il passaggio di un back-end esistente a Node.js sovrascrive tutto il contenuto. Per creare invece un back-end .NET, vedere Usare l'SDK del server back-end .NET per App per dispositivi mobili di Azure.

Scaricare ed eseguire la soluzione Xamarin.Forms

È possibile scaricare la soluzione in due modi. Scaricarla in un computer Mac e aprirla in Xamarin Studio oppure scaricarla in un computer Windows e aprirla in Visual Studio usando un computer Mac connesso alla rete per la compilazione dell'app iOS. Per altre informazioni, vedere Configurare e installare Visual Studio e Xamarin.

In un computer Mac o Windows seguire questa procedura:

  1. Accedere al portale di Azure.

  2. Nel pannello Impostazioni per l'app per dispositivi mobili in Dispositivi mobili selezionare Introduzione > Xamarin.Forms. In Passaggio 3 selezionare Crea una nuova app e quindi selezionare Scarica.

    Questa azione scarica 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 (Mac) o in Visual Studio (Windows).

    Progetto estratto in Xamarin Studio

    Progetto estratto in Visual Studio

(Facoltativo) Eseguire il progetto iOS

In questa sezione viene eseguito il progetto iOS per Xamarin 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 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 accanto al progetto iOS.

  4. Per compilare il progetto e avviare l'app nell'emulatore iPhone, premere il tasto F5.

    Nota

    In caso di problemi di compilazione del progetto, eseguire Gestione pacchetti NuGet ed effettuare l'aggiornamento alla versione più recente dei pacchetti per il supporto Xamarin. L'aggiornamento alle versioni più recenti per i progetti di avvio rapido potrebbe risultare lento.

  5. Nell'app digitare un testo significativo, ad esempio Learn Xamarin, e quindi selezionare il segno più (+).

    Questa azione invia una richiesta POST al nuovo back-end di 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 di App per dispositivi mobili e i dati vengono visualizzati nell'elenco.

    Nota

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

(Facoltativo) Eseguire il progetto Android

In questa sezione viene eseguito il progetto Xamarin droid per 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 Imposta come progetto di avvio.

  2. Per compilare il progetto e avviare l'app in un emulatore Android, dal menu Run (Esegui) scegliere Start Debugging (Avvia debug).

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 accanto al progetto Android.

  4. Per compilare il progetto e avviare l'app in un emulatore Android, fare clic sul tasto F5.

    Nota

    In caso di problemi di compilazione del progetto, eseguire Gestione pacchetti NuGet ed effettuare l'aggiornamento alla versione più recente dei pacchetti per il supporto Xamarin. L'aggiornamento alle versioni più recenti per i progetti di avvio rapido potrebbe risultare lento.

  5. Nell'app digitare un testo significativo, ad esempio Learn Xamarin, e quindi selezionare il segno più (+).

    Questa azione invia una richiesta POST al nuovo back-end di 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 di App per dispositivi mobili e i dati vengono visualizzati nell'elenco.

    Nota

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

(Facoltativo) Eseguire il progetto Windows

In questa sezione viene eseguito il 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 accanto al progetto Windows scelto.

  4. Per compilare il progetto e avviare l'app nell'emulatore Windows, premere il tasto F5.

    Nota

    In caso di problemi di compilazione del progetto, eseguire Gestione pacchetti NuGet ed effettuare l'aggiornamento alla versione più recente dei pacchetti per il supporto Xamarin. L'aggiornamento alle versioni più recenti per i progetti di avvio rapido potrebbe risultare lento.

  5. Nell'app digitare un testo significativo, ad esempio Learn Xamarin, e quindi selezionare il segno più (+).

    Questa azione invia una richiesta POST al nuovo back-end di 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 di App per dispositivi mobili e i dati vengono visualizzati nell'elenco.

    Nota

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

Passaggi successivi