Creare un'app per Xamarin.iOSCreate a Xamarin.iOS app

OverviewOverview

Questa esercitazione illustra come aggiungere un servizio back-end basato sul cloud a un'app per dispositivi mobili Xamarin.iOS mediante un back-end per app per dispositivi mobili di Azure.This tutorial shows you how to add a cloud-based backend service to a Xamarin.iOS mobile app by using an Azure mobile app backend. Verranno creati un nuovo back-end di app per dispositivi mobili e una semplice app Xamarin.iOS Todo list che archivia i dati delle app in Azure.You create both a new mobile app backend and a simple Todo list Xamarin.iOS app that stores app data in Azure.

Il completamento di questa esercitazione è un prerequisito per tutte le altre esercitazioni Xamarin.iOS relative all'uso della funzionalità di Azure App Service relativa alle app per dispositivi mobili.Completing this tutorial is a prerequisite for all other Xamarin.iOS tutorials about using the Mobile Apps feature in Azure App Service.

PrerequisitiPrerequisites

Per completare questa esercitazione è necessario soddisfare i prerequisiti seguenti:To complete this tutorial, you need the following prerequisites:

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

Seguire questa procedura per creare un back-end dell'app per dispositivi mobili.Follow these steps to create a 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.

Configurare il progetto serverConfigure the server project

È 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. Scaricare quindi un progetto server per un semplice back-end "todo list" e pubblicarlo in Azure.Next, download a server project for a simple "todo list" backend and publish it to Azure.

Seguire questa procedura per configurare il progetto server per l'uso del back-end .NET o Node.js.Follow the following steps to configure the server project to use either the Node.js or .NET backend.

  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 l'app per Xamarin.iOSDownload and run the Xamarin.iOS app

  1. Aprire il portale di Azure in una finestra del browser.Open the [Azure portal] in a browser window.
  2. Nel pannello delle impostazioni dell'app per dispositivi mobili fare clic su Introduzione > Xamarin.iOS.On the settings blade for your Mobile App, click Get Started > Xamarin.iOS. Al passaggio 3 fare clic su Crea una nuova app , se l'opzione non è già selezionata.Under step 3, click Create a new app if it's not already selected. Fare quindi clic sul pulsante Download .Next click the Download button.

    Verrà scaricata un'applicazione client che si connette al back-end mobile.A client application that connects to your mobile backend is downloaded. Salvare il file del progetto compresso nel computer locale e prendere nota del percorso.Save the compressed project file to your local computer, and make a note of where you save it.

  3. Estrarre il progetto scaricato e aprirlo in Xamarin Studio (o in Visual Studio).Extract the project that you downloaded, and then open it in Xamarin Studio (or Visual Studio).

  4. Premere F5 per compilare il progetto e avviare l'app nell'emulatore iPhone.Press the F5 key to build the project and start the app in the iPhone emulator.
  5. Nell'app digitare un testo significativo, ad esempio Learn Xamarin, e quindi fare clic sul pulsante +.In the app, type meaningful text, such as Learn Xamarin, and then click the + button.

    I dati della richiesta vengono inseriti nella tabella TodoItem.Data from the request is inserted into the TodoItem table. Gli elementi archiviati nella tabella vengono restituiti dal back-end per app mobili e i dati vengono visualizzati nell'elenco.Items stored in the table are returned by the mobile app backend, and the data is displayed in the list.

Nota

È possibile esaminare il codice che accede al back-end dell'app per dispositivi mobili per eseguire una query e inserire i dati nel file C# QSTodoService.cs.You can review the code that accesses your mobile app backend to query and insert data in the QSTodoService.cs C# file.

Passaggi successiviNext steps