Быстрый старт первого проекта в Windows Azure. Веб-сайты

в 11:12, , рубрики: cloud, microsoft, windows azure, веб-сайты Windows Azure, облака, Облачные вычисления, метки: , , , ,

В этой статье из пяти частей показано, как: создать веб-сайт для Windows Azure из галереи образов, создать веб-сайт и развернуть собственный ASP.NET MVC 4 проект, масштабировать веб-сайт. Веб-сайты являются новой функциональностью платформы и находятся в стадии Preview — соответственно, требуется регистрация для доступа к этой функциональности.

Prerequisites:

1) Windows 7 либо Windows 8.

2) Visual Studio 2012 RC.

3) Подписка Windows Azure. Регистрация 90-дневной тестовой подписки.

Часть I. Запуск первого приложения в Windows Azure. Подготовка рабочего окружения

1. Установка Windows Azure SDK для .NET.

1.1 Установка Windows Azure SDK для .NET с помощью Web Platform Installer

1. Перейдите на сайт Центра Разработки на .NET на Windows Azure (рис. 1). Нажмите на кнопку Install.

clip_image002

Рис. 1. Центр Разработки на .NET для Windows Azure

2. В появившемся диалоговом окне выберите необходимую версию Visual Studio – 2010 или 2012 RC (рис. 2). Выберите Visual Studio 2012 RC.

clip_image003

Рис. 2. Диалоговое окно выбора версии пакета

3. Как только пакет будет загружен, запустится оболочка Web Platform Installer 4.0 с настроенным списком программного обеспечения, необходимо для разработки с использованием Windows Azure SDK 1.7. После завершения установки нажмите Finish в появившемся диалоговом окне (рис. 3).

clip_image004

Рис. 3. Диалоговое окно установки компонентов

1.2 Установка Windows Azure SDK для .NET вручную

Для ручной установки Windows Azure SDK для .NET и других компонентов, требуемых для разработки для Windows Azure, перейдите на страницу загрузки и последовательно загрузите и установите все необходимые компоненты.

Часть II. Запуск первого приложения в Windows Azure. Регистрация на портале и получение учетной записи

Windows Azure Web Sites находится в стадии “Preview”. Получить доступ можно, подав заявку на бесплатный трехмесячный период использования Windows Azure и добавив необходимую функциональность на портале управления либо запросив доступ к функциональности Preview на сайте Windows Azure.

Добавление заявки на доступ к функциональности Preview на портале администрирования

1. Войдите на портал управления Windows Azure, используя учетные данные Windows Live ID (рис. 4).

clip_image006Рис. 4. Страница входа в систему

2. Войдя на портал управления (рис.5), нажмите кнопку New, расположенную в нижнем левом углу страницы, для открытия диалогового окна New form (рис. 6).

clip_image008

Рис. 5. Портал управления Windows Azure

clip_image010

Рис. 6. Диалоговое окно New form

3. В диалоговом окне New form выберите опцию Web Site. Нажмите на ссылку preview program.

4. На открывшейся странице нажмите Preview features (рис. 7), чтобы перейти на страницу добавления заявки на функциональность Preview.

clip_image011Рис. 7.

5. На странице preview features нажмите try it now рядом с Web Sites (рис. 8).

clip_image013

Рис. 8. Страница preview features

6. На появившейся форме Add Preview Feature выберите свою подписку (если у вас несколько подписок) и нажмите на кнопку (рис. 9), чтобы запросить доступ к функциональности Preview. После нажатия рядом с названием функциональности появляется надпись You Are Queued (рис.10).

clip_image014

Рис. 9. Отправка запроса на доступ к функциональности Preview

clip_image015

Рис. 10. Обновленная страница preview features

6. Для того, чтобы узнать, в каком состоянии находится ваша заявка, нажмите на ссылку Status.

Добавление заявки на доступ к функциональности Preview на сайте Windows Azure

Для того, чтобы добавить заявку на доступ к функциональности Preview на сайте Windows Azure, перейдите на страницу Preview Features (рис. 11) и повторите последовательность действий из предыдущего пункта.

clip_image016
Рис.11. Страница Preview Features

Подробная информация по ценообразованию доступна на сайте Windows Azure.

После того, как ваш запрос будет принят, вы получите электронное письмо на почтовый ящик своей учетной записи (рис. 12).

clip_image018

Рис. 12. Образец электронного письма о предоставлении доступа

Часть III. Запуск первого приложения в Windows Azure. Создание первого сайта в Web Sites на базе шаблона из галереи

1. Войдите на портал управления Windows Azure, используя учетные данные Windows Live ID (рис. 13).

clip_image019

Рис. 13. Страница входа в систему

2. Войдя на портал управления (рис.14), нажмите кнопку New, расположенную в нижнем левом углу страницы, для открытия диалогового окна New form.

clip_image021Рис. 14. Портал управления Windows Azure

3. Выберите Web Site для создания нового веб-сайта. Выберите From Gallery (рис. 15).

clip_image023

Рис. 15. Выбор варианта создания веб-сайта

4. В диалоговом окне Find Apps For Azure вам предлагается выбрать один из преднастроенных образов (рис. 16). Выберите образ WordPress.

clip_image025

Рис. 16. Выбор преднастроенных образов веб-сайтов из галереи

5. В диалоговом окне Configure Your App введите в поле URL будущее имя вашего веб-сайта на основе WordPress. Остальное оставьте без изменений (рис. 17).

clip_image027

Рис. 17. Страница первоначальной настройки веб-сайта

6. В диалоговом окне New MySQL Database вы можете выбрать имя для базы данных MySQL либо продолжить работу со случайно сгенерированным (рис. 18). Отметьте, что вы согласны с правилами ClearDB. Нажмите Next.

clip_image029

Рис. 18. Страница создания новой базы данных MySQL

За короткое время будет развернут ваш новый веб-сайт, после чего значение поля Status примет значение Running (рис. 19).

clip_image031

Рис. 19. Панель информации о веб-сайте

7. Нажмите на ссылке в поле Url вашего веб-сайта, чтобы перейти на администраторскую панель блога (рис. 20). Введите необходимые данные и нажмите Install WordPress.

clip_image033

Рис. 20. Страница первоначальной настройки блога WordPress

8. Ваш блог установлен (рис. 21). Нажмите Log In для входа в систему.

clip_image034

Рис. 21.

9. Перейдите обратно на портал управления Windows Azure на вкладку Web Sites. Нажмите на названии своего веб-сайта, чтобы перейти на администраторскую панель веб-сайта и просмотреть загрузку в реальном времени (рис. 22).

clip_image036

Рис. 22. Администраторская панель веб-сайта

Часть IV. Запуск первого приложения в Windows Azure. Модификация проекта и публикация кода из Visual Studio

Для Windows Azure Web Sites поддерживаются следующие варианты развертывания: Visual Studio Web Deploy, GitHub, FTP, Team Foundation Services (TFS), Microsoft WebMatrix. В этой статье рассматривается алгоритм развертывания веб-сайта с помощью FTP из Visual Studio.

1. Войдите на портал управления Windows Azure, используя учетные данные Windows Live ID (рис. 23).

clip_image006[1]

Рис. 23. Страница входа в систему

2. Войдя на портал управления (рис.24), нажмите кнопку New, расположенную в нижнем левом углу страницы, для открытия диалогового окна New form.

clip_image037

Рис. 24. Портал управления Windows Azure

3. Выберите Web Site для создания нового веб-сайта. Выберите Quick Create (рис. 25).

clip_image023[1]

Рис.25. Выбор варианта создания веб-сайта

4. Введите URL для вашего будущего веб-сайта (рис. 26).

clip_image039

Рис. 26. Первоначальная настройка веб-сайта

5. За короткое время будет развернут ваш новый веб-сайт, после чего значение поля Status примет значение Running (рис. 27).

clip_image041

Рис. 27. Панель информации о веб-сайте

6. Нажмите на ссылку в поле URL вашего веб-сайта, чтобы удостовериться, что сайт был создан и работает (рис. 28).

clip_image043

Рис.28. Первая страница созданного сайта

7. Для того, чтобы получить учетные данные для дальнейшего развертывания по FTP, перейдите на администраторскую панель веб-сайта, нажав на его имени. На странице Dashboard нажмите Reset deployment credentials (рис.29). Введите в появившемся диалоговом окне учетные данные, которые будут использоваться для развертывания веб-сайта.

clip_image044

Рис.29. Меню действий с веб-сайтом

8. Для загрузки профиля развертывания, который будет использоваться в дальнейшем в Visual Studio, нажмите Download publish profile (рис.29).

9. Запустите Visual Studio 2012 RC.

10. Нажмите New Project. Выберите шаблон ASP.NET MVC 4 Web Application (рис. 30). Выберите Internet Application (рис. 31).

clip_image045

Рис. 30. Список шаблонов веб-проектов в Visual Studio 2012 RC

clip_image047

Рис. 31. Основные настройки проекта ASP.NET MVC 4

11. Нажмите правой кнопкой мыши на проекте. Выберите Publish. В открывшемся диалоговом окне нажмите Import… и выберите загруженный с портала управления Windows Azure профиль развертывания для вашего веб-сайта. Выберите опцию развертывания FTP и введите необходимые данные (рис. 32), которые можно получить на панели администрирования вашего веб-сайта (рис. 33). Для проверки правильности введенных значений нажмите Validate Connection. В случае успешного прохождения проверки нажмите Publish. Далее в представлении Output будет расположен лог развертывания вашего веб-сайта по FTP (рис. 34).

clip_image049

Рис. 32. Настройка публикации проекта

clip_image050

Рис. 33. Панель основных данных о веб-сайте на панели администрирования веб-сайта

clip_image052

Рис. 34. Представление Output в Visual Studio 2012 RC

12. После окончания загрузки нажмите на адрес в поле URL, чтобы перейти на веб-сайт (рис. 35).

clip_image053

Рис. 35. Стандартная страница проекта ASP.NET MVC 4

Часть V. Запуск первого приложения в Windows Azure. Масштабирование проекта на Web Sites

Каждый веб-сайт в Windows Azure имеет панель администрирования Dashboard, в которой можно получить различную информацию о веб-сайте: метрики, загрузку, URL, расположение в датацентре, а также выполнить различные действия: остановку или запуск веб-сайта, удаление, переход на веб-сайт и так далее (рис. 36).

clip_image055

Рис. 36. Панель администрирования веб-сайта, страница Dashboard

При необходимости масштабировать ваш веб-сайт вы можете сделать это в панели администрирования.

1. Перейдите в панель администрирования вашего веб-сайта.

2. Нажмите Scale для перехода на страницу сведений о масштабировании (рис. 37).

clip_image057

Рис.37. Страница сведения о масштабировании веб-сайта

Вы можете выполнять масштабирование вашего веб-сайта, регулируя количество экземпляров, которое он будет использовать. Для этого на странице масштабирования есть специальный регулятор (слайдер). По умолчанию после создания ваш веб-сайт находится в режиме shared, то есть его экземпляры выполняются в одном большом пространстве вместе с экземплярами других веб-сайтов (изолированно от них). Вы можете инициировать переход вашего веб-сайта в режим reserved – с получением для веб-сайта отдельных виртуальных машин. Находящиеся в режиме shared 10 веб-сайтов бесплатны.

1. Используя слайдер, укажите количество экземпляров в 2 (рис. 38). Нажмите Save.

clip_image059

Рис. 38. Слайдер управления количеством экземпляров в режиме shared

2. Укажите режим веб-сайта в reserved (рис. 39).

clip_image061

Рис. 39. Переключение режимов

3. Отметьте “I have removed the spending limit on myaccount” для того, чтобы появилась возможность перехода в режим reserved.

4. Вам доступно три размера экземпляра – Small, Medium и Large. Выберите режим Medium и, используя слайдер, укажите 2 экземпляра (рис. 40). Нажмите Save.

clip_image063

Рис. 41. Выбор размера экземпляров и слайдер управления количеством экземпляров в режиме shared

5. Откатите изменения, перейдя в режим Shared и нажав Save.

Автор: ahriman

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js