Приступаем к работе со службами Mobile Services
Тема практической работы: добавление внутренней облачной службы в приложение HTML с помощью служб Microsoft Azure для мобильных устройств. Вы научитесь создавать мобильную службу и простое приложение To do list (Список задач), которое будет хранить данные в новой мобильной службе. Посмотрите видеоверсию практической работы, щелкнув по клипу справа. Смотреть обучающий клип Воспроизвести видео 03:51:00 Снимок экрана созданного приложения приведен ниже: Если вы учитесь создавать приложения HTML для мобильных служб, то эту практическую работу необходимо сделать в первую очередь. ПримечаниеЧтобы выполнить практическую работу, необходимо иметь учетную запись Microsoft Azure с включенной функцией Microsoft Azure Mobile Services.
Дополнительные требованияНеобходимо иметь на локальном компьютере один из следующих веб-серверов:
Помните, что загруженные скрипты поддерживают именно эти веб-серверы. Впрочем, можно использовать для сохранения приложения любой другой веб-сервер.
Создание новой мобильной службыЧтобы создать мобильную службу, выполните следующие действия: 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). ПримечаниеЕсли пароль не отвечает минимальным требованиям или не совпадает с паролем, который запомнила система, на экране появится предупреждение. Новая мобильная служба создана и ее можно использовать в мобильных приложениях. Создание нового приложения 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 (Сервер).
ПримечаниеЧтобы выполнить скрипт на ПК под управлением Windows, введите "R" при получении запроса на подтверждение от PowerShell. На экране появится предложение веб-браузера не выполнять этот скрипт, поскольку он скачан из Интернета. Разрешите загрузку скрипта. В результате новое приложение будет размещено на веб-сервере локального компьютера. 2. Чтобы запустить приложение, введите URL-адрес https://localhost:8000/ в адресной строке веб-браузера. 3. После запуска приложения напечатайте любой информативный текст, например: Complete the tutorial (Завершить практическую работу) в поле Enter new task (Ввести новую задачу) и нажмите кнопкуAdd (Добавить). В новую мобильную службу, размещенную в Microsoft Azure, направляется запрос POST. Данные из запроса вставляются в таблицу TodoItem. Элементы, сохраняемые в таблице, возвращаются мобильной службой, а данные отображаются во втором столбце приложения. ПримечаниеЧтобы посмотреть код, обеспечивающий доступ к мобильной службе, отправку запроса и вставку данных, откройте файл app.js file. 4. На Портале управления перейдите на вкладку Data (Данные), затем выберите таблицу TodoItem. Таким образом вы можете просматривать данные, вставленные в таблицу приложением. |