Как вы развертываете свое заявление о статическом одиночном странице (SPA) в Azure сегодня?
Два из самых популярных вариантов. Но это экономически эффективно? Как насчет того, чтобы вы получите вариант, где ваши облачные счета для вашего спа будут только в нескольких долларах? или, может быть, в течение всего доллара?
Azure Storage Account’s Статический сайт Хостинг здесь, чтобы сэкономить много ваших облачных счетов. Посмотрим, как вы можете использовать эту концепцию для ваших спа-развертываний в Azure.
Что вы платите сегодня?
Просто приблизительная оценка того, насколько вы можете платить сегодня, если вы используете базовую настройку Azure VM или Appservice —
Azure VM:
Конфигурация: 1 A0 (1 VCPU (S), 0,75 ГБ ОЗУ) х 730 часов; Windows — (только ОС); Плати как сможешь; 0 управляемых ОС Disks — S4, 100 единиц транзакции
Стоимость/месяц: $ 13.19 + Дополнительные ручные усилия Стоимость для настройки этого в качестве веб-сервера
Appсервис:
Конфигурация: основной уровень; 1 B1 (1 Core (ы), 1,75 ГБ ОЗУ, 10 ГБ Хранение) х 730 часов; ОС Windows
Стоимость/месяц: $ 54,75
Что вы должны заплатить?
Вопрос Вот вам действительно нужен веб-сервер для размещения вашего статического веб-приложения? Вы когда-нибудь пытались просматривать свои статические веб-сайты в вашей локальной папке из браузера? Ваш спа еще будет работать, кроме тщеславия HTTP URL.
Как насчет того, чтобы вы получили возможность имитировать подобное поведение + HTTP URL для обслуживания веб-сайта через Интернет?
Статический сайт аккаунта Azure Storage работает несколько аналогично. Поскольку хранение очень дешевое, вы получаете этот вариант развертывания в незначительной цене по сравнению с развертыванием VM или Appservice.
Так сколько вы должны заплатить примерно?
Учетные записи:
Конфигурация: Блокировать BLOB-хранилище, Общее назначение V2, Revendancy LRS, Горячий доступом Уровень, 10 ГБ Емкость — Pay As You Go, 1000 Операции записи, 1000 Список и создание контейнерных операций, 20 000 000 Операции чтения, 1 000 000 Архив Приоритет 1 другие операции. 1000 ГБ Извлечение данных, 1000 ГБ Архив высокого приоритета, 1000 ГБ данные записи
Стоимость/месяц: $1.02
Да !!! Вы должны заплатить только один доллар за развертывание приложений в одиночку в Azure.
Но как?
С точки зрения затрат, развертывающих статическое спа-салон в Azure Storage Контейнеры BLOB аккаунта не являются бианер. Вам просто нужно выполнить несколько простых шагов, чтобы включить статический веб-сайт под учетной записью хранения и развертывания.
Включить статический веб-сайт на учетной записи хранения
Создайте учетную запись Azure Storage с упомянутой выше конфигурацией (хранение блока BLOB, V2 общего назначения V2, избыточность LRS, ярус для горячего доступа). Перейдите в раздел конфигурации в лезвие и проверьте, включена ли безопасная передача или нет. Если не включить это.
Теперь вы должны включить самую важную вещь — статический сайт. Ищите или ищите со статическим веб-сайтом на клинке учетной записи хранилища. Включить статический сайт. Как только вы включите его, вы получите два URL, используя, что вы можете просматривать свой статический веб-сайт, как только вы развернуте свой сайт. Вы должны упомянуть имя документа вашего индекса (чувствительный к регистру). У меня было угловое приложение, поэтому в моем случае это было index.html. Аналогично вы можете упомянуть ваш путь документа об ошибках.
Теперь, когда вы получили свой URL-адрес HTTPS, вам нужно иметь место (контейнер), чтобы развернуть свое статическое приложение SPA.
Перейти к обзору >> Контейнеры вы увидите вновь созданный контейнер с именем $ web
Это будущий дом вашего статического сайте SPA.
Параметры развертывания для статического сайта в хранилище BLOB
У вас есть следующие варианты для развертывания содержимого вашего статического сайта в контейнере BLOB —
- Azure Cli.
- Модуль Azure PowerShell
- Азкопия
- Azure Storage Explorer
- Визуальный студийный код
- Лазурные трубопроводы — это мой предпочтительный выбор, потому что у меня есть настройка CI/CD в My Azure Devops.
Разверните свой статический SPA с помощью трубопровода Azure Release
Здесь я работаю с угловым спа-развертыванием. У меня есть следующая настройка построения трубопровода —
Я хочу сделать две вещи в задаче развертывания трубопровода освобождения
- Очистите существующие файлы из контейнера с помощью задания Azure CLI
- Скопируйте файлы из каталога Build Artifact, используя задачу копирования файлов Azure в контейнер BLOB ($ Web)
Очистка развертывания контейнера
Используйте INLINE SCRIPT SCRIPT и AS SCRIPT MOJECT Добавьте следующий скрипт в раздел встроенного скрипта AZ Colation Blob Delete-Batch --acount-name yourstorageacoucountname --source $ web
Разверните статические файлы, используя AZ Copy
В этой задаче вам нужно сделать следующее —
- Установите источник как ваше местоположение артефактов
- Выберите тип назначения в качестве лазурной лоб
- Ваше имя учетной записи хранилища как учетная запись RM Storage
- Имя контейнера должно быть $ web
- В разделе Выходной раздел Укажите URI контейнера для хранения как URL у вас есть во время включения параметра статического сайта
- Создайте токен SAS для вашей учетной записи хранения и используйте его в разделе «Сохранение контейнера SAS». Вы должны создать переменную трубопровод для хранения этого токена в некотором безопасном месте и использовать его оттуда.
Это оно. Теперь, если вы запустите свой выпускной трубопровод, он должен сначала очистить контейнер целевой Blob, а затем скопируйте файлы ваших статических веб-сайтов на веб-контейнер $. Как только это сделано, вы можете проверить скопированное содержимое файла из Azure Storage Explorer.
И это сделано !!! Просматривать недорогое развертывание
Теперь, когда ваше развертывание сделано, давайте просматривать сайт. Откройте браузер и используйте URL-адрес, который вы получили во время включения статического веб-сайта на учетной записи хранения, похожие на это — https://youstorageaccoucountname. Зона (ID) .Web.core.windows.net/>/код>
После того, как ваш SPA загружен в ваш браузер и запустил работу, как ожидалось, вы знаете, что вы только что сделали одно долларовое развертывание вашего приложения для вашего страницы в Azure. Наслаждайтесь дополнительными наличными, которые вы только что спасли.
Что следующее?
Просмотр с Azure Pericate URL по умолчанию может быть не идеальным способом просмотра вашего сайта. Вы можете иметь пользовательский домен для вашего сайта. Вы также можете обслуживать ваш сайт, используя CDN.
На момент написания этой почтовой почты пользовательский домен с конечной точкой HTTPS для хранения Azure не поддерживается. В качестве альтернативы это может быть достигнуто с помощью Azure CDN для доступа к каплям с использованием пользовательского домена через HTTPS. Вот официальный Microsoft Документация Для настройки пользовательского домена над HTTPS с использованием CDN. Весь весь процесс красиво демонстрируется Скотт Хансельман В этом видео .
Заворачивать
По моему опыту переключение на статическое развертывание веб-сайта в контейнере BLOB привело к значительной экономии в облачной биллинги. Я смог поднять и сдвинуть все свои существующие SPA, построенный на угловом угловом углу от Azure App Service для контейнера для хранения учетной записи BLOB без ущерба для производительности или удара любых вопросов.
В моей ситуации облачные выставления счета за приложение для одной страницы в контейнере BLOB никогда не переходили на 1 марки в месяц. Я хочу узнать больше от сообщества пользователей Azure о своем опыте и общих сбережениях в облачном выставлении счетов с этим подходом.
Этот подход развертывания приложения одной страницы в контейнере Azure Blob со статическим вариантом веб-сайта был действительно одним развертыванием в долларах. А ты?
Оригинал: «https://dev.to/subhankars/cost-effectively-deploy-single-page-application-spa-in-azure-with-just-a-dollar-3jdl»