Язык: HTML | XAML

Краткое руководство: добавление push-уведомлений в мобильную службу (серверная часть JavaScript)

Applies to Windows and Windows Phone

В этом руководстве показано, как включить push-уведомления в приложении Магазина Windows с помощью мобильных служб Azure. Мобильные службы облегчают отправку push-уведомлений с помощью служб push-уведомлений Windows (WNS). Дополнительные сведения см. в центре разработки мобильных служб. Microsoft Visual Studio 2013 упрощает включение push-уведомлений в приложении мобильных служб. Этот раздел основан на предыдущем разделе Краткое руководство: добавление мобильной службы (для C++, Краткое руководство: добавление мобильной службы на C++). Изучив этот раздел, вы сможете добавить push-уведомления в новую мобильную службу и проверить приложение, отправив новое уведомление.

Это краткое руководство относится к мобильным службам на JavaScript. Если вы используете платформу .NET, см. раздел с инструкциями для начала работы с push-уведомлениями в мобильных службах.

Необходимые условия

Добавление и настройка push-уведомлений в приложении

Сначала для регистрации приложения в Магазине Windows, конфигурации мобильной службы для работы с push-уведомлениями и добавления кода в приложение для регистрации канала устройства вы используете мастер добавления push-уведомлений в Visual Studio 2013.

Примечание  Настоящая статья предполагает, что подключение к мобильной службе, описанное в предыдущем разделе, уже добавлено в проект. Если мобильная служба не была подключена, мастер добавления push-уведомлений создаст для вас это подключение.

  1. В Visual Studio 2013 откройте обозреватель решений, щелкните проект правой кнопкой мыши, нажмите кнопку Добавить, а затем выберите Push-уведомление.... После этого запустится мастер добавления push-уведомлений.
  2. Нажмите кнопку Далее, войдите в свою учетную запись в Магазине Windows, затем введите имя в поле Зарезервировать новое имя и нажмите Зарезервировать. После этого новое приложение будет зарегистрировано в Магазине Windows.
  3. Выберите новую регистрацию в списке Имя приложения, а затем нажмите Далее..
  4. Выберите мобильную службу, которую вы создали после изучения раздела Краткое руководство: добавление мобильной службы или Краткое руководство: добавление мобильной службы на C++, нажмите кнопку Далее, а затем нажмите Готово. Ваша мобильная служба сможет работать со службами push-уведомлений Windows (WNS), которая будет отправлять уведомления в ваше приложение.

    Примечание  Если подключение к мобильной службе не было настроено в приложении заранее, мастер выполнит все необходимые задачи настройки, описанные в разделе Краткое руководство: добавление мобильной службы.

  5. (Дополнительно) Разверните Службы, Мобильные службы, имя вашей службы и откройте файл созданного кода. (В проекте на C++ этот файл называется PushRegister.cpp.) Изучите метод UploadChannel (в C++ функцию члена AcquireAndUpdatePushChannel), который получает идентификатор установки и канал устройства, а затем вставляет эти данные в новую таблицу channels. Эту таблицу создает мастер добавления push-уведомлений в вашей мобильной службе. Мастер также добавляет вызов этого метода в обработчик событий OnLaunched в файл с кодом App.xaml.cs, App.xaml.vb или App.xaml.cpp. Благодаря этому — независимо от того, где было активировано приложение — оно попытается зарегистрировать устройство.
  6. (Дополнительно) Проверьте код в файле notifyallusers.js. Visual Studio не добавляет notifyallusers.js в проект, потому что он является серверной частью мобильной службы. Этот файл появляется в узле вашей мобильной службы в обозревателе серверов. Код представляет собой настраиваемый API, связанный с мобильной службой, который отправляет push-уведомление к клиентским приложениям, зарегистрированным в службе отправки 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);
                }
            });
    }
    
    
    

    Переменная полезных данных представляет XML для определенного типа всплывающих уведомлений, используемых приложениями Магазина Windows. Полное описание шаблонов всплывающих уведомлений см. в разделе Каталог шаблонов всплывающих уведомлений.

  7. Нажмите клавиши CTRL+F5 или выберите пункт меню Отладка > Начать без отладки, чтобы запустить приложение и проверить, что уведомление от мобильной службы будет получено немедленно.
  8. (Дополнительно) Нажмите клавиши ALT+TAB, чтобы вернуться в Visual Studio, не закрывая приложение. Если вы хотите проверить отклик вашего приложения на push-уведомления, интерактивно отправляя уведомления из Visual Studio, выполните пошаговые инструкции раздела об отправке push-уведомлений из Visual Studio.

Сводка и дальнейшие действия

Теперь вы знаете, как использовать мобильные службы для добавления push-уведомлений в приложение Магазина Windows.

Сейчас вы можете ознакомиться с использованием мобильных служб для добавления следующих функций в ваши приложения:

Связанные разделы

Планирование повторяющихся заданий в мобильных службах
Работа с серверными сценариями в мобильных службах

 

 

Показ:
© 2014 Microsoft