Guia de início rápido: adicionando notificações por push para um serviço móvel (back-end JavaScript)

Applies to Windows and Windows Phone

Esse Início rápido conduz você na habilitação de notificações por push em um aplicativo da Windows Store usando os Serviços Móveis do Azure. Os Serviços Móveis tornam fácil o envio de notificações por push para seu aplicativo usando os Serviços de Notificação por Push do Windows (WNS). Para saber mais, veja o Centro de desenvolvimento dos Serviços Móveis. O Microsoft Visual Studio 2013 torna fácil habilitar notificações por push em seu aplicativo de Serviços Móveis. Este tópico está integrado ao tópico anterior Guia de início rápido: adicionando um serviço móvel (para C++, Guia de início rápido: adicionando um serviço móvel usando C++). Quando tiver feito isso, você terá adicionado notificações por push a seu novo serviço móvel e já terá testado o aplicativo enviando uma nova notificação.

Esse Guia rápido aplica-se a serviços móveis que usam o back-end JavaScript. Se estiver usando o back-end .NET, veja Introdução às notificações por push em serviços móveis.

Pré-requisitos

Adicione e configure notificações por push no aplicativo

Primeiro, use o assistente para Adicionar Notificação por Push no Visual Studio 2013 para registrar seu aplicativo com a Windows Store, configure seu serviço móvel para habilitar notificações por push e adicione código a seu aplicativo para registrar um canal do dispositivo.

Observação  Este tópico presume que uma conexão do serviço móvel já tenha sido estabelecida para o projeto, que foi feito no tópico anterior. Quando um serviço móvel não foi conectado, o assistente para Adicionar Notificação por Push cria essa conexão para você.

  1. No Visual Studio 2013, abra o Gerenciador de Soluções, clique com o botão direito no projeto e clique em Adicionar em seguida, Notificação por Push.... Isso inicia o Assistente para Adicionar Notificação por Push.
  2. Clique em Avançar, conecte sua conta da Windows Store, depois forneça um nome em Reservar um novo nome e clique em Reservar. Isso cria um novo registro de aplicativo na Windows Store.
  3. Clique no novo registro na lista Nome do aplicativo, então clique em Avançar.
  4. Selecione o serviço móvel que você criou quando concluiu Guia de início rápido: adicionando um serviço móvel ou Guia de início rápido: adicionando um serviço móvel usando C++, clique em Avançar, em seguida, clique em Concluir. Isso configura seu serviço móvel para trabalhar com Serviços de Notificação por Push do Windows (WNS) e poder enviar notificações para seu aplicativo.

    Observação  Se seu aplicativo ainda não estiver configurado para conectar ao serviço móvel, o assistente também conclui as mesmas tarefas de configuração demonstradas em Guia de início rápido: adicionando um serviço móvel.

  5. (Opcional) Expanda Serviços, Serviços Móveis, nome de seu serviço e abra o arquivo de código gerado. (Em um projeto C++, esse arquivo é denominado PushRegister.cpp.) Inspecione o método UploadChannel (em C++, a função de membro AcquireAndUpdatePushChannel) que obtém o ID de instalação e o canal para o dispositivo e insere esses dados na nova tabela channels. Essa tabela foi criada em seu serviço móvel por meio do assistente para Adicionar Notificações por Push. Uma chamada para esse método também foi adicionada pelo assistente para o manipulador de eventos OnLaunched no código App.xaml.cs, App.xaml.vb, ou App.xaml.cpp. Isso assegura que o registro do dispositivo será tentado sempre que o aplicativo for iniciado.
  6. (Opcional) Examine o código no arquivo notifyallusers.js. O Visual Studio não adiciona notifyallusers.js ao projeto, porque isso é parte do back-end do serviço móvel. O arquivo aparece no Gerenciador de Servidores sob o nó de seu serviço móvel. O código é uma API personalizada associada a seu serviço móvel, e quando executa, ele envia uma notificação por push aos aplicativos cliente que estão registrados para notificações por push.

    
    exports.post = function(request, response) {
        response.send(statusCodes.OK,{ message : 'Hello World!' })
        
        // The following call is for illustration purpose only
        // The call and function body should be moved to a script in your app
        // where you want to send a notification
        sendNotifications(request);
    };
    
    // The following code should be moved to appropriate script in your app where notification is sent
    function sendNotifications(request) {
        var payload = '<?xml version="1.0" encoding="utf-8"?><toast><visual><binding template="ToastText01">' +
            '<text id="1">Sample Toast</text></binding></visual></toast>';
        var push = request.service.push; 
        push.wns.send(null,
            payload,
            'wns/toast', {
                success: function (pushResponse) {
                    console.log("Sent push:", pushResponse);
                }
            });
    }
    
    
    

    A variável da carga representa o XML para um certo tipo de notificação do sistema que os aplicativos da Windows Store utilizam. Para obter uma descrição completa dos modelos de notificações do sistema, veja O catálogo de modelo de notificações.

  7. Use CTRL+F5 no teclado ou Depurar > Iniciar sem Depurar no menu para executar o aplicativo e verificar se uma notificação é imediatamente recebida do serviço móvel.
  8. (Opcional) Use as teclas ALT+TAB para retornar ao Visual Studio sem fechar seu aplicativo. Se quiser testar a resposta de seu aplicativo às notificações por push, enviando notificações interativamente do Visual Studio, siga as etapas em Como enviar notificações por push do Visual Studio.

Resumo e próximas etapas

Agora você sabe como usar os Serviços Móveis para adicionar funcionalidade de notificações por push a seu aplicativo da Windows Store.

Em seguida, considere aprender como usar os Serviços Móveis para adicionar a seguinte funcionalidade a seu aplicativos:

Tópicos relacionados

Agendar trabalhos recorrentes em serviços móveis.
Trabalhar com scripts do servidor em Serviços Móveis

 

 

Mostrar:
© 2015 Microsoft