Introduzione ad Azure Mobile Engagement per app Xamarin.iOSGet Started with Azure Mobile Engagement for Xamarin.iOS Apps

Questo argomento descrive come usare Azure Mobile Engagement per ottenere informazioni sull'uso dell'app e sull'invio di notifiche push a utenti segmentati di un'applicazione Xamarin.iOS.This topic shows you how to use Azure Mobile Engagement to understand your app usage and send push notifications to segmented users in a Xamarin.iOS application. In questa esercitazione si creerà un'app Xamarin.iOS vuota che raccoglie dati di base e riceve notifiche push tramite Apple Push Notification System (APNS).In this tutorial, you create a blank Xamarin.iOS app that collects basic data and receives push notifications using Apple Push Notification System (APNS).

Nota

Il servizio Azure Mobile Engagement verrà ritirato a marzo 2018 ed è attualmente disponibile solo per i clienti esistenti.The Azure Mobile Engagement service will be retired March 2018 and is currently only available to existing customers. Per altre informazioni, vedere Mobile Engagement.For more information, see Mobile Engagement.

Per completare questa esercitazione, è necessario disporre di:This tutorial requires the following:

Nota

Per completare l'esercitazione, è necessario disporre di un account Azure attivo.To complete this tutorial, you must have an active Azure account. Se non si dispone di un account, è possibile creare un account di valutazione gratuita in pochi minuti.If you don't have an account, you can create a free trial account in just a couple of minutes. Per informazioni dettagliate, vedere la pagina relativa alla versione di valutazione gratuita di Azure.For details, see Azure Free Trial.

Configurare Mobile Engagement per l'app iOSSetup Mobile Engagement for your iOS app

  1. Accedere al portale di Azure.Log on to the Azure Portal.
  2. Fare clic su Nuovo, quindi su Web e dispositivi mobili e infine su Mobile Engagement.Click on New, then Web + Mobile, and then Mobile Engagement.

  3. Nel pannello New Mobile Engagement App Collection (Nuova raccolta di app Mobile Engagement) visualizzato si creerà una raccolta di app invece che un'app come nel portale di Azure classico.In the New Mobile Engagement App Collection blade that appears, you will be creating an App Collection instead of an App like in the Azure classic portal. Immettere le seguenti informazioni:Enter the following information:

    • Nome: Nome of your raccolta di applicazioniName: Name of your application collection
    • Piattaforme: selezionare le piattaforme di destinazione per l'app nel pannello Piattaforme che verrà aperto.Platforms: Select target platforms for your app on the Platforms blade which will open up. Ad esempio,E.g. se è necessaria un'app sia per iOS che per Android, selezionare entrambe le piattaforme per creare due app in questa raccolta di app.if you want an app for both iOS & Android then select both platforms and you will get two apps created under this app collection.

    • Sottoscrizione: selezionare la sottoscrizione di Azure.Subscription: Select the Azure subscription.
    • Gruppo di risorse: selezionare il gruppo di risorse di Azure in cui inserire questa risorsa di Azure (Raccolta di app Mobile Engagement).Resource group: Select the Azure Resource group in which you want this Azure resource (Mobile Engagement App Collection). È possibile scegliere di crearne uno nuovo.You can choose to create a new one.
    • Località: area in cui verranno archiviati i dati su questa raccolta di app e su questa app.Location: Region where the data about this app collection & app will be stored.
  4. Esplorare le raccolte di app Mobile Engagement facendo clic su Esplora e cercando Mobile EngagementBrowse through the Mobile Engagement app collections by clicking Browse and search for Mobile Engagement

  5. Verrà visualizzato un elenco di raccolte di app Mobile Engagement: assicurarsi di avere la stessa sottoscrizione di Azure in cui è stata creata la raccolta di app.You will be shown a list of Mobile Engagement App Collections - make sure you have the same Azure subscription where you created your App Collection.

  6. Fare clic sulla raccolta di app creata nel passaggio precedente per aprire il pannello della risorsa raccolta di app che visualizzerà le diverse app presenti in questa raccolta di app.Click on the App Collection that you created in the prior step to open up the App Collection resource blade which will show the different apps present inside this app collection.

  7. Fare clic sull'app creata per la piattaforma per cui si sta sviluppando.Click on the App created for the platform you are developing for.

  8. Fare clic sul pulsante di comando Informazioni di connessione in alto per aprire il pannello Informazioni di connessione e copiare la stringa di connessione.Click on Connection Info command button at the top to open up the Connection Info blade and copy the connection string from there.

Connettere l'app al back-end di Mobile EngagementConnect your app to the Mobile Engagement backend

Questa esercitazione presenta una "integrazione di base", che è la configurazione minima necessaria per raccogliere i dati e inviare una notifica push.This tutorial presents a "basic integration" which is the minimal set required to collect data and send a push notification.

Verrà creata un'app di base con Xamarin per illustrare l'integrazione.We will create a basic app with Xamarin to demonstrate the integration:

Creare un nuovo progetto Xamarin.iOSCreate a new Xamarin.iOS project

  1. Avviare Xamarin Studio.Launch Xamarin Studio. Passare a File -> New (Nuovo) -> Solution (Soluzione)Go to File -> New -> Solution

  2. Selezionare Single View App (App a visualizzazione singola), assicurarsi che il linguaggio selezionato sia C# e quindi fare clic su Next (Avanti).Select Single View App, make sure the selected language is C# and then click Next.

  3. Specificare le informazioni richieste nei campi App Name (Nome app) e Organization Identifier (Identificatore organizzazione) e quindi fare clic su Next(Avanti).Fill in the App Name and the Organization Identifier and then click Next.

    Importante

    Assicurarsi che il profilo di pubblicazione usato per la distribuzione dell'app iOS abbia un ID app che corrisponde esattamente all'identificatore del bundle riportato qui.Make sure that the publishing profile you eventually use to deploy your iOS app is using an App ID which matches exactly with the Bundle Identifier you have here.

  4. Aggiornare i campi Project Name (Nome progetto), Solution Name (Nome soluzione) e Location (Posizione), se necessario, e fare clic su Create (Crea).Update the Project Name, Solution Name and Location if required and click Create.

Xamarin Studio creerà l'app demo in cui verrà integrato Mobile Engagement.Xamarin Studio will create the demo app in which we will integrate Mobile Engagement.

Connettere l'app al back-end di Mobile EngagementConnect your app to Mobile Engagement backend

  1. Fare clic con il pulsante destro del mouse sulla cartella Packages (Pacchetti) nelle finestre della soluzione, quindi scegliere Add Packages... (Aggiungi pacchetti)Right click the Packages folder in the Solution windows and select Add Packages...

  2. Cercare Microsoft Azure Mobile Engagement Xamarin SDK e aggiungerlo alla soluzione.Search for the Microsoft Azure Mobile Engagement Xamarin SDK and add it to your solution.

  3. Aprire AppDelegate.cs e aggiungere l'istruzione using seguente:Open AppDelegate.cs and add the following using statement:

     using Microsoft.Azure.Engagement.Xamarin;
    
  4. Nel metodo FinishedLaunching aggiungere quanto segue per inizializzare la connessione con il back-end di Mobile Engagement.In the FinishedLaunching method, add the following to initialize the connection with Mobile Engagement backend. Assicurarsi di aggiungere ConnectionString.Make sure to add your ConnectionString. Questo codice usa anche un oggetto NotificationIcon fittizio che viene aggiunto da Mobile Engagement SDK e che è consigliabile sostituire.This code also uses a dummy NotificationIcon which is added by the Mobile Engagement SDK which you may want to replace.

     EngagementConfiguration config = new EngagementConfiguration {
                     ConnectionString = "YourConnectionStringFromAzurePortal",
                     NotificationIcon = UIImage.FromBundle("close")
                 };
     EngagementAgent.Init (config);
    

Abilitazione del monitoraggio in tempo realeEnabling real-time monitoring

Per iniziare a inviare dati e assicurarsi che gli utenti siano attivi, è necessario inviare almeno una schermata al back-end di Mobile Engagement.In order to start sending data and ensuring the users are active, you must send at least one screen to the Mobile Engagement backend.

  1. Aprire ViewController.cs e aggiungere l'istruzione using seguente:Open ViewController.cs and add the following using statement:

     using Microsoft.Azure.Engagement.Xamarin;
    
  2. Sostituire la classe da cui ViewController eredita, modificando UIViewController in EngagementViewController.Replace the class from which ViewController inherits from UIViewController to EngagementViewController.

Connettere l'app con monitoraggio in tempo realeConnect app with real-time monitoring

Questa sezione descrive come connettere l'app al back-end di Mobile Engagement usando la funzionalità di monitoraggio in tempo reale di Mobile Engagement.This section shows you how to connect your app to the Mobile Engagement backend by using the Mobile Engagement's real-time monitoring feature.

  1. Nell'account Azure Mobile Engagement, accertarsi di selezionare l'app che si desidera monitorare e gestire nel portale di Mobile Engagement.In your Azure Mobile Engagement account, make sure you select the app you wish to monitor and manage in the Mobile Engagement portal. Accedere al portale di Mobile Engagement facendo clic sul pulsante Engagement nella parte inferiore.Navigate to your Mobile Engagement portal by clicking the Engage button at the bottom.

  2. Viene visualizzato il portale Mobile Engagement.You will land in the Mobile Engagement portal. Se non è selezionata la scheda Monitoraggio, fare clic su Monitoraggio.If the Monitor tab is not selected, click on the Monitor.
  3. Verranno visualizzati, in tempo reale, tutti i dispositivi in cui l'app verrà avviata.The monitor is ready to show you any device in real time, which will start your app.
  4. Avviare l'app.Start your app now. Se l'integrazione è corretta si noterà una sessione di monitoraggio, che significa che l'app ora è collegata al back-end di Mobile Engagement e sta inviando dati ad esso.You should see one session in the monitor if your integration is correct which means that your app is now connected to the Mobile Engagement backend and is sending data to it.

Abilitare le notifiche push e la messaggistica in-appEnable push notifications and in-app messaging

Mobile Engagement consente di interagire con gli utenti e coinvolgerli tramite notifiche push e messaggistica in-app nel contesto delle campagne.Mobile Engagement allows you to interact with your users and REACH with push notifications and in-app messaging in the context of campaigns. Questo modulo è denominato REACH nel portale di Mobile Engagement.This module is called REACH in the Mobile Engagement portal. Le sezioni seguenti consentono di configurare l'app per la ricezione.The following sections set up your app to receive them.

Modificare il delegato dell'applicazioneModify your Application Delegate

  1. Aprire AppDelegate.cs e aggiungere l'istruzione using seguente:Open the AppDelegate.cs and add the following using statement:

     using System; 
    
  2. A questo punto aggiungere il codice seguente all'interno del metodo FinishedLaunching per eseguire la registrazione per i messaggi push, dopo EngagementAgent.init(...).Now inside the FinishedLaunching method, add the following to register for push messages after EngagementAgent.init(...)

     if (UIDevice.CurrentDevice.CheckSystemVersion(8,0))
     {
         var pushSettings = UIUserNotificationSettings.GetSettingsForTypes (
             (UIUserNotificationType.Badge |
                 UIUserNotificationType.Sound |
                 UIUserNotificationType.Alert),
             null);
         UIApplication.SharedApplication.RegisterUserNotificationSettings (pushSettings);
         UIApplication.SharedApplication.RegisterForRemoteNotifications ();
     }
     else
     {
         UIApplication.SharedApplication.RegisterForRemoteNotificationTypes (
             UIRemoteNotificationType.Badge |
             UIRemoteNotificationType.Sound |
             UIRemoteNotificationType.Alert);
     }
    
  3. Infine, aggiornare o aggiungere i metodi seguenti:Finally - update or add the following methods:

     public override void DidReceiveRemoteNotification (UIApplication application, NSDictionary userInfo, 
         Action<UIBackgroundFetchResult> completionHandler)
     {
         EngagementAgent.ApplicationDidReceiveRemoteNotification(userInfo, completionHandler);
     }
    
     public override void RegisteredForRemoteNotifications (UIApplication application, NSData deviceToken)
     {
         // Register device token on Engagement
         EngagementAgent.RegisterDeviceToken(deviceToken);
     }
    
     public override void FailedToRegisterForRemoteNotifications(UIApplication application, NSError error)
     {
         Console.WriteLine("Failed to register for remote notifications: Error '{0}'", error);
     }
    
  4. Nel file Info.plist della soluzione verificare che l'identificatore del bundle corrisponda all'ID app incluso nel profilo di provisioning nel centro per sviluppatori Apple.In your Info.plist file in the solution, confirm that the Bundle Identifier matches with the App ID you have in your provisioning profile in the Apple Dev Center.

  5. Nello stesso file Info.plist assicurarsi di aver selezionato Enable Background Modes (Abilita modalità in background) e Remote Notifications (Notifiche remote).In the same Info.plist file, make sure that you have checked the Enable Background Modes and Remote Notifications.

  6. Eseguire l'app nel dispositivo associato a questo profilo di pubblicazione.Run the app on the device you have associated with this publishing profile.

Concedere a Mobile Engagement l'accesso al certificato pushGrant access to your Push Certificate to Mobile Engagement

Per consentire a Mobile Engagement di inviare notifiche push per conto dell'utente, è necessario concedere l'accesso al certificato.To allow Mobile Engagement to send Push Notifications on your behalf, you need to grant it access to your certificate. A tale scopo, è necessario configurare il certificato e immetterlo nel portale di Mobile Engagement.This is done by configuring and entering your certificate into the Mobile Engagement portal. Assicurarsi di avere ottenuto il certificato con estensione p12 come descritto nella documentazione di AppleMake sure you obtain your .p12 certificate as explained in Apple's documentation

  1. Passare al portale di Mobile Engagement.Navigate to your Mobile Engagement portal. Verificare la posizione corretta e fare clic sul pulsante Attiva nella parte inferiore:Ensure you're in the correct and then click on the Engage button at the bottom:

  2. Verrà visualizzata la pagina Impostazioni nel portale di Engagement.Click on the Settings page in your Engagement Portal. Da questa posizione fare clic sulla sezione Push nativo per aprire il certificato p12:From there click on the Native Push section to upload your p12 certificate:

  3. Selezionare il certificato p12, caricarlo e digitare la password:Select your p12, upload it and type your password:

Inviare una notifica all'appSend a notification to your app

Si creerà ora una semplice campagna di notifica push per l'invio di un push all'app.We will now create a simple Push Notification campaign that will send a push to our app:

  1. Passare alla scheda Reach nel portale di Mobile Engagement.Navigate to the Reach tab in your Mobile Engagement portal.
  2. Fare clic su Nuovo annuncio per creare la campagna di push.Click New Announcement to create your push campaign

  3. Configurare i primi campi della campagna:Setup the first fields of your campaign:

    • Fornire un Nome per la campagnaProvide a Name for your campaign
    • Per Ora di consegna selezionare Out of app only (Solo all'esterno dell'app): si tratta di un tipo di notifica push Apple semplice che include testo.Select the Delivery time as Out of app only: this is the simple Apple push notification type that features some text.
    • Nel testo della notifica digitare innanzitutto il titolo che sarà la prima riga del push.In the notification text, type first the Title which will be the first line in the push.
    • Digitare quindi il messaggio che costituirà la seconda rigaThen type your Message which will be the second line
  4. Scorrere verso il basso e nella sezione contenuto selezionare Solo notificaScroll down, and in the content section select Notification only

  5. L'impostazione della campagna più semplice è stata completata.You're done setting the most basic campaign. Ora scorrere verso il basso e fare clic sul pulsante Crea per salvare la campagna di notifica push.Now scroll down and click on Create button to save your push notification campaign.
  6. Infine, fare clic sul Attiva per inviare notifiche push.Finally - click on Activate to send push notification.

  7. Sarà possibile ricevere la notifica sul dispositivo iOS nel centro di notifica, come mostrato di seguito:You will be able receive the notification on your iOS device in the notification center like the following:

  8. Se si dispone di un controllo Apple abbinato a questo dispositivo iOS, allora verrà visualizzata la notifica nel controllo Apple:If you have an Apple Watch paired with this iOS device then you will see the notification on your Apple Watch: