Creare un'app iOSCreate an iOS app

PanoramicaOverview

Questa esercitazione illustra come aggiungere app per dispositivi mobili di Azure, un servizio back-end cloud, a un'app per iOS.This tutorial shows how to add Azure Mobile Apps, a cloud backend service, to an iOS app. Per prima cosa si creerà un nuovo back-end mobile.We'll first create a new mobile backend. Si userà quindi una semplice app per iOS Todo list per archiviare i dati in Azure.Then, we'll use a simple Todo list iOS app to store data in Azure.

Per completare l'esercitazione, è necessario un computer Mac e un account AzureTo complete this tutorial, you need a Mac and an Azure account

Passaggio I: Creare un nuovo back-end dell'app per dispositivi mobili di AzureStep I: Create a new Azure 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.

Passaggio II: Configurare il progetto back-endStep II: Configure the backend 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.

Passaggio III: Scaricare ed eseguire l'app iOSStep III: Download and run the iOS app

  1. In Mac visitare il portale di Azure.On your Mac, visit the [Azure Portal]. Fare clic su Esplora tutto > App per dispositivi mobili > back-end appena creato.Click Browse All > Mobile Apps > the backend that you just created. Nelle impostazioni dell'app per dispositivi mobili fare clic su Avvio rapido > iOS (Objective-C).In the mobile app settings, click Quickstart > iOS (Objective-C). Se si preferisce Swift, fare clic su Avvio rapido > iOS (Swift).If you prefer Swift, click Quickstart > iOS (Swift) instead. In Download and run your iOS project (Scarica ed esegui il progetto iOS) fare clic su Scarica.Under Download and run your iOS project, click Download. In questo modo, viene scaricato il progetto Xcode per un'app preconfigurata da connettere al back-end.This downloads a complete Xcode project for an app pre-configured to connect to your backend. Aprire il progetto con Xcode.Open the project using Xcode.
  2. Fare clic su Esegui per creare il progetto e avviare l'app nel simulatore iOS.Press the Run button to build the project and start the app in the iOS simulator.
  3. Nell'app digitare un testo significativo, ad esempio Complete the tutorial , quindi fare clic sull'icona con il segno PIÙ (+).In the app, type meaningful text, such as Complete the tutorial and then click the plus (+) icon. Verrà inviata una richiesta POST al back-end di Azure distribuito in precedenza.This sends a POST request to the Azure backend you deployed earlier. Il back-end inserisce i dati della richiesta nella tabella SQL TodoItem e restituisce le informazioni sugli elementi appena archiviati all'app per dispositivi mobili.The backend inserts data from the request is into the TodoItem SQL table, and returns information about the newly stored items back to the mobile app. L'app per dispositivi mobili consente di visualizzare questi dati nell'elenco.The mobile app displays this data in the list.

    Guida introduttiva all'app che esegue iOS