Приступаем к работе со службами Mobile Services

Для знакомства с возможностями платформы  вы можетеактивировать Microsoft Azure бесплатно!

Тема практической работы: добавление внутренней облачной службы в приложение HTML с помощью служб Microsoft Azure для мобильных устройств. Вы научитесь создавать мобильную службу и простое приложение To do list (Список задач), которое будет хранить данные в новой мобильной службе. Посмотрите видеоверсию практической работы, щелкнув по клипу справа.

Смотреть обучающий клип Воспроизвести видео 03:51:00

Снимок экрана созданного приложения приведен ниже:

Если вы учитесь создавать приложения HTML для мобильных служб, то эту практическую работу необходимо сделать в первую очередь.

Примечание

Чтобы выполнить практическую работу, необходимо иметь учетную запись Microsoft Azure с включенной функцией Microsoft Azure Mobile Services.

Дополнительные требования

Необходимо иметь на локальном компьютере один из следующих веб-серверов:

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

  • Веб-браузер с поддержкой HTML5.

Создание новой мобильной службы

Чтобы создать мобильную службу, выполните следующие действия:

1.  Войдите на Портал управления.

2. Нажмите кнопку +NEW (Создать) в нижней части панели навигации.

3. Разверните список Mobile Service (Мобильная служба) и нажмите Create (Создать).

Откроется диалоговое окно New Mobile Service (Новая мобильная служба).

4. На странице Create a mobile service (Создать мобильную службу)напечатайте имя субдомена новой мобильной службы в текстовом поле URL и дождитесь окончания проверки имени. После проверки нажмите стрелку вправо и перейдите на следующую страницу.

Откроется страница Specify database settings (Укажите параметры базы данных).

Примечание

В этой практической работе вы создадите экземпляр базы данных SQL и сервер. Эту базу данных можно будет использовать повторно и администрировать ее как любой другой экземпляр БД SQL. Если база данных находится в том же регионе, что и мобильная служба, выберите пункт Use existing Database (Использовать существующую базу данных) и укажите базу данных. Не рекомендуется использовать базу данных из другого региона: это приведет к дополнительным затратам на передачу данных и большим задержкам.

5. В поле Name (Имя) введите имя новой базы данных, а в поле Login name — имя входа в систему. Это имя администратора нового сервера базы данных SQL. Напечатайте и подтвердите пароль. Чтобы завершить процесс, нажмите кнопку подтверждения (V).

Примечание

Если пароль не отвечает минимальным требованиям или не совпадает с паролем, который запомнила система, на экране появится предупреждение.
Рекомендуем записать введенные имя пользователя и пароль. Эта информация потребуется для дальнейшего использования экземпляра базы данных SQL или сервера.

Новая мобильная служба создана и ее можно использовать в мобильных приложениях.

Создание нового приложения HTML 

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

Учимся создавать приложение HTML и подключать его к мобильной службе.

1. На Портале управления нажмите Mobile Services (Мобильные службы), а затем — только что созданную мобильную службу.

2. На вкладке быстрого запуска нажмите Windows в разделе Choose platform (Выбор платформы) и разверните пункт Create a new HTML app (Создать приложение HTML).

Вам будет предложено выполнить три простых действия для создания приложения HTML, подключенного к мобильной службе.

3. Нажмите Create Todoitems table (Создать таблицу Todoitems), чтобы создать таблицу, в которой будут храниться данные приложения.

4. В разделе Download and run app (Загрузка и выполнение приложения) нажмите Download (Загрузить).

Будут скачаны файлы веб-сайта для учебного приложения To do list, подключенного к мобильной службе. Сохраните архив проекта на локальном компьютере и запомните его расположение.

Размещение и выполнение приложения HTML

Последний раздел практической работы посвящен размещению и выполнению нового приложения на локальном компьютере.

1. Перейдите в папку с сохраненными файлами проекта, разархивируйте их и запустите один из командных файлов из вложенной папки server (Сервер).

  • launch-windows (Запустить Windows) (для ПК под управлением Windows)
  • launch-mac.command (Запустить mac.command)  (для ПК под управлением Mac OS X)
  • launch-linux.sh (Запустить linux.sh) (для ПК под управлением Linux)

Примечание

Чтобы выполнить скрипт на ПК под управлением Windows, введите "R" при получении запроса на подтверждение от PowerShell. На экране появится предложение веб-браузера не выполнять этот скрипт, поскольку он  скачан из Интернета. Разрешите загрузку скрипта.

В результате новое приложение будет размещено на веб-сервере локального компьютера.

2. Чтобы запустить приложение, введите URL-адрес http://localhost:8000/ в адресной строке веб-браузера.

3. После запуска приложения напечатайте любой информативный текст, например: Complete the tutorial (Завершить практическую работу) в поле Enter new task (Ввести новую задачу) и нажмите кнопкуAdd (Добавить).

В новую мобильную службу, размещенную в Microsoft Azure, направляется запрос POST. Данные из запроса вставляются в таблицу TodoItem. Элементы, сохраняемые в таблице, возвращаются мобильной службой, а данные отображаются во втором столбце приложения.

Примечание

Чтобы посмотреть код, обеспечивающий доступ к мобильной службе, отправку запроса и вставку данных, откройте файл app.js file.

4. На Портале управления перейдите на вкладку Data (Данные), затем выберите таблицу TodoItem.

Таким образом вы можете просматривать данные, вставленные в таблицу приложением.