Uso di Hub di notifica per inviare le ultime notizie

Panoramica

Questo argomento descrive come usare Hub di notifica di Azure per trasmettere le notifiche relative alle ultime notizie a un'app di Windows Store o Windows Phone 8.1 (non Silverlight). Se si sviluppano app per Windows Phone 8.1 Silverlight, fare riferimento alla versione Windows Phone . Al termine dell'esercitazione, si sarà appreso a effettuare la registrazione alle categorie di ultime notizie desiderate e ricevere le notifiche push solo da tali categorie. Questo scenario è un modello comune per molte app che prevedono l'invio di notifiche a gruppi di utenti che hanno in precedenza manifestato il proprio interesse verso tali app, ad esempio lettori di feed RSS, app per fan di musica e così via.

È possibile abilitare gli scenari di trasmissione includendo uno o più tag durante la creazione di una registrazione nell'hub di notifica. Quando le notifiche vengono inviate a un tag, tutti i dispositivi che hanno effettuato la registrazione al tag riceveranno la notifica. Poiché i tag sono costituiti da stringhe, non è necessario eseguire il provisioning anticipatamente. Per ulteriori informazioni sui tag, vedere Espressioni di routing e tag per hub di notifica.

Prerequisiti

Questo argomento si basa sull'app creata in Introduzione ad Hub di notifica. Prima di iniziare questa esercitazione, è necessario completare le procedure illustrate in Introduzione ad Hub di notifica.

Aggiungere la selezione delle categorie all'app

Il primo passaggio prevede l'aggiunta degli elementi dell'interfaccia utente alla pagina principale esistente per consentire all'utente di selezionare le categorie per le quali registrarsi. Le categorie selezionate da un utente sono archiviate nel dispositivo. All'avvio dell'app, viene creata una registrazione nell'hub di notifica con le categorie selezionate come tag.

  1. Aprire il file di progetto MainPage.xaml, quindi copiare il codice seguente nell'elemento Grid :

     <Grid>
         <Grid.RowDefinitions>
             <RowDefinition/>
             <RowDefinition/>
             <RowDefinition/>
             <RowDefinition/>
             <RowDefinition/>
         </Grid.RowDefinitions>
         <Grid.ColumnDefinitions>
             <ColumnDefinition/>
             <ColumnDefinition/>
         </Grid.ColumnDefinitions>
         <TextBlock Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2"  TextWrapping="Wrap" Text="Breaking News" FontSize="42" VerticalAlignment="Top" HorizontalAlignment="Center"/>
         <ToggleSwitch Header="World" Name="WorldToggle" Grid.Row="1" Grid.Column="0" HorizontalAlignment="Center"/>
         <ToggleSwitch Header="Politics" Name="PoliticsToggle" Grid.Row="2" Grid.Column="0" HorizontalAlignment="Center"/>
         <ToggleSwitch Header="Business" Name="BusinessToggle" Grid.Row="3" Grid.Column="0" HorizontalAlignment="Center"/>
         <ToggleSwitch Header="Technology" Name="TechnologyToggle" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Center"/>
         <ToggleSwitch Header="Science" Name="ScienceToggle" Grid.Row="2" Grid.Column="1" HorizontalAlignment="Center"/>
         <ToggleSwitch Header="Sports" Name="SportsToggle" Grid.Row="3" Grid.Column="1" HorizontalAlignment="Center"/>
         <Button Name="SubscribeButton" Content="Subscribe" HorizontalAlignment="Center" Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="2" Click="SubscribeButton_Click"/>
     </Grid>
    
  2. Fare clic con il pulsante destro del mouse sul progetto Shared e aggiungere una nuova classe denominata Notifications, aggiungere il modificatore public alla definizione della classe, quindi aggiungere le istruzioni using seguenti al nuovo file di codice:

     using Windows.Networking.PushNotifications;
     using Microsoft.WindowsAzure.Messaging;
     using Windows.Storage;
     using System.Threading.Tasks;
    
  3. Copiare il codice seguente nella nuova classe Notifications :

     private NotificationHub hub;
    
     public Notifications(string hubName, string listenConnectionString)
     {
         hub = new NotificationHub(hubName, listenConnectionString);
     }
    
     public async Task<Registration> StoreCategoriesAndSubscribe(IEnumerable<string> categories)
     {
         ApplicationData.Current.LocalSettings.Values["categories"] = string.Join(",", categories);
         return await SubscribeToCategories(categories);
     }
    
     public IEnumerable<string> RetrieveCategories()
     {
         var categories = (string) ApplicationData.Current.LocalSettings.Values["categories"];
         return categories != null ? categories.Split(','): new string[0];
     }
    
     public async Task<Registration> SubscribeToCategories(IEnumerable<string> categories = null)
     {
         var channel = await PushNotificationChannelManager.CreatePushNotificationChannelForApplicationAsync();
    
         if (categories == null)
         {
             categories = RetrieveCategories();
         }
    
         // Using a template registration to support notifications across platforms.
         // Any template notifications that contain messageParam and a corresponding tag expression
         // will be delivered for this registration.
    
         const string templateBodyWNS = "<toast><visual><binding template=\"ToastText01\"><text id=\"1\">$(messageParam)</text></binding></visual></toast>";
    
         return await hub.RegisterTemplateAsync(channel.Uri, templateBodyWNS, "simpleWNSTemplateExample",
                 categories);
     }
    

    Questa classe utilizza l'archiviazione locale per archiviare le categorie di notizie che il dispositivo deve ricevere. Anziché chiamare il metodo RegisterNativeAsync, chiamare RegisterTemplateAsync per la registrazione delle categorie usando una registrazione di modello.

    Verrà inoltre fornito un nome per il modello ("simpleWNSTemplateExample") in quanto può essere necessario registrare più modelli, ad esempio uno per le notifiche di tipo avviso popup e uno per le notifiche di tipo riquadro. In questo caso, per avere la possibilità di aggiornare o eliminare i modelli è necessario assegnare loro un nome.

    Si noti che, se un dispositivo registra più modelli con lo stesso tag, un messaggio in arrivo destinato a tale tag ha come esito il recapito al dispositivo di più notifiche, una per ogni modello. Questo comportamento risulta utile quando lo stesso messaggio logico deve avere produrre più notifiche visive, ad esempio visualizzare sia una notifica badge che una notifica di tipo avviso popup in un'app di Windows Store.

    Per altre informazioni sui modelli, vedere Modelli.

  4. Nel file di progetto App.xaml.cs aggiungere la proprietà seguente alla classe App :

     public Notifications notifications = new Notifications("<hub name>", "<connection string with listen access>");
    

    Questa proprietà viene utilizzata per creare un'istanza Notifications e accedervi.

    Nel codice precedente sostituire i segnaposto <hub name> e <connection string with listen access> con il nome dell'hub di notifica e la stringa di connessione per DefaultListenSharedAccessSignature ottenuta in precedenza.

    Nota

    Poiché le credenziali che sono distribuite con un'app client in genere non sono sicure, distribuire solo la chiave per l'accesso Listen con l'app client. L'accesso Listen consente all'app di registrarsi per le notifiche ma le registrazioni esistenti non possono essere modificate e le notifiche non possono essere inviate. La chiave di accesso completo viene usata in un servizio back-end sicuro per l'invio delle notifiche e la modifica delle registrazioni esistenti.

  5. In MainPage.xaml.cs aggiungere la riga seguente:

     using Windows.UI.Popups;
    
  6. Aggiungere quindi il metodo seguente nel file di progetto MainPage.xaml.cs:

     private async void SubscribeButton_Click(object sender, RoutedEventArgs e)
     {
         var categories = new HashSet<string>();
         if (WorldToggle.IsOn) categories.Add("World");
         if (PoliticsToggle.IsOn) categories.Add("Politics");
         if (BusinessToggle.IsOn) categories.Add("Business");
         if (TechnologyToggle.IsOn) categories.Add("Technology");
         if (ScienceToggle.IsOn) categories.Add("Science");
         if (SportsToggle.IsOn) categories.Add("Sports");
    
         var result = await ((App)Application.Current).notifications.StoreCategoriesAndSubscribe(categories);
    
         var dialog = new MessageDialog("Subscribed to: " + string.Join(",", categories) + " on registration Id: " + result.RegistrationId);
         dialog.Commands.Add(new UICommand("OK"));
         await dialog.ShowAsync();
     }
    

    Questo metodo crea un elenco di categorie e utilizza la classe Notifications per archiviare l'elenco nell'archiviazione locale e registrare i tag corrispondenti nell'hub di notifica. Se le categorie vengono modificate, la registrazione viene ricreata con le nuove categorie.

L'app può quindi archiviare un set di categorie nell'archiviazione locale del dispositivo ed effettuare la registrazione con l'hub di notifica ogni volta che l'utente modifica la selezione di categorie.

Registrazione per le notifiche

Questa procedura consente di effettuare la registrazione con l'hub di notifica all'avvio usando le categorie archiviate nella risorsa di archiviazione locale.

Nota

Poiché l'URI di canale assegnato dal servizio di notifica Windows può cambiare in qualsiasi momento, è necessario ripetere di frequente la registrazione per le notifiche per evitare errori di notifica. In questo esempio viene effettuata la registrazione per le notifiche a ogni avvio dell'app. Per le app che vengono eseguite di frequente, oltre una volta al giorno, è possibile ignorare la registrazione per conservare la larghezza di banda qualora sia trascorso meno di un giorno dalla registrazione precedente.

  1. Aprire il file App.xaml.cs e aggiornare il metodo InitNotificationsAsync per usare la classe notifications per la sottoscrizione in base alle categorie.

     // *** Remove or comment out these lines *** 
     //var channel = await PushNotificationChannelManager.CreatePushNotificationChannelForApplicationAsync();
     //var hub = new NotificationHub("your hub name", "your listen connection string");
     //var result = await hub.RegisterNativeAsync(channel.Uri);
    
     var result = await notifications.SubscribeToCategories();
    

    In questo modo, ogni volta che l'app viene avviata vengono recuperate le categorie dall'archiviazione locale e viene richiesta una registrazione per queste categorie. Il metodo InitNotificationsAsync è stato creato nell'ambito dell'esercitazione Introduzione ad Hub di notifica.

  2. Nel file di progetto MainPage.xaml.cs aggiungere il codice seguente nel metodo OnNavigatedTo :

     protected override void OnNavigatedTo(NavigationEventArgs e)
     {
         var categories = ((App)Application.Current).notifications.RetrieveCategories();
    
         if (categories.Contains("World")) WorldToggle.IsOn = true;
         if (categories.Contains("Politics")) PoliticsToggle.IsOn = true;
         if (categories.Contains("Business")) BusinessToggle.IsOn = true;
         if (categories.Contains("Technology")) TechnologyToggle.IsOn = true;
         if (categories.Contains("Science")) ScienceToggle.IsOn = true;
         if (categories.Contains("Sports")) SportsToggle.IsOn = true;
     }
    

    La pagina principale viene aggiornata in base allo stato delle categorie salvate in precedenza.

Ora l'app è completa e può quindi archiviare un set di categorie nell'archiviazione locale del dispositivo ed effettuare la registrazione con l'hub di notifica ogni volta che l'utente modifica la selezione di categorie. Verrà ora definito un back-end per l'invio delle notifiche delle categorie all'app.

Invio di notifiche con tag

Questa sezione mostra come inviare le ultime notizie come notifiche modello con tag da un'app console .NET e di qualsiasi altro tipo.

Se si usano le app per dispositivi mobili, vedere l'esercitazione Aggiungere notifiche push alle app per dispositivi mobili e selezionare la piattaforma in uso nella parte superiore.

Se si preferisce usare Java o PHP, vedere Come usare Hub di notifica da Java/PHP. È possibile inviare notifiche da qualsiasi back-end tramite l'interfaccia REST degli Hub di notifica.

Se è stata creata l'app console per l’invio di notifiche quando è stata completata l'esercitazione Introduzione agli Hub di notifica, ignorare i passaggi da 1 a 3.

  1. In Visual Studio creare una nuova applicazione console in Visual C#:

    ![][13]
    
  2. Nel menu principale di Visual Studio fare clic su Strumenti, Gestione pacchetti libreria, e Console di Gestione pacchetti, quindi nella finestra di tipo console digitare quanto segue e premere INVIO:

     Install-Package Microsoft.Azure.NotificationHubs
    

    Verrà aggiunto un riferimento all’SDK dell’Hub di notifica di Azure mediante il pacchetto NuGet Microsoft.Azure.NotificationHubs.

  3. Aprire il file Program.cs e aggiungere l'istruzione using seguente:

     using Microsoft.Azure.NotificationHubs;
    
  4. Nella classe Program aggiungere il metodo seguente oppure sostituirlo se esiste già:

     private static async void SendTemplateNotificationAsync()
     {
         // Define the notification hub.
         NotificationHubClient hub =
             NotificationHubClient.CreateClientFromConnectionString(
                 "<connection string with full access>", "<hub name>");
    
         // Create an array of breaking news categories.
         var categories = new string[] { "World", "Politics", "Business",
                                         "Technology", "Science", "Sports"};
    
         // Sending the notification as a template notification. All template registrations that contain
         // "messageParam" and the proper tags will receive the notifications.
         // This includes APNS, GCM, WNS, and MPNS template registrations.
    
         Dictionary<string, string> templateParams = new Dictionary<string, string>();
    
         foreach (var category in categories)
         {
             templateParams["messageParam"] = "Breaking " + category + " News!";
             await hub.SendTemplateNotificationAsync(templateParams, category);
         }
      }
    

    Questo codice invia una notifica modello per ognuno dei sei tag nella matrice di stringhe. Con i tag è possibile assicurarsi che i dispositivi ricevano notifiche solo per le categorie registrate.

  5. Nel codice precedente sostituire i segnaposto <hub name> e <connection string with full access> con il nome dell'hub di notifica e la stringa di connessione per DefaultFullSharedAccessSignature dal dashboard dell'hub di notifica.
  6. Aggiungere le righe seguenti nel metodo Main :

      SendTemplateNotificationAsync();
      Console.ReadLine();
    
  7. Creare l'app console.

Eseguire l'app e generare notifiche

  1. In Visual Studio premere F5 per compilare e avviare l'app.

    Si noti che l'interfaccia utente dell'app fornisce un set di interruttori che consentono di scegliere le categorie per le quali effettuare la sottoscrizione.

  2. Abilitare uno o più interruttori di categorie e quindi fare clic su Subscribe.

    L'app converte le categorie selezionate in tag e richiede una nuova registrazione del dispositivo per i tag selezionati dall'hub di notifica. Le categorie registrate vengono restituite e visualizzate in una finestra di dialogo.

  3. Inviare una nuova notifica dal back-end in uno dei modi seguenti:

    • App console: avviare l'app console.
    • Java/PHP : eseguire l'app o lo script.

      Le notifiche per le categorie selezionate vengono visualizzate come notifiche di tipo avviso popup.

Passaggi successivi

In questa esercitazione si è appreso a trasmettere le ultime novità per categoria. Per informazioni su altri scenari avanzati di Hub di notifica, provare a completare le seguenti esercitazioni: