#node.js #azure #azure-ad-b2c
Вопрос:
Я новичок в разработке Azure AD B2C и NodeJS, но разработал веб-сайты (которые не используют фреймворки) с использованием JAVA, PHP, C# и C для не облачных серверов, использующих Apache или IIS.
Я хочу создать простой SPA для Azure B2C, Который принимает вход и регистрацию (с федеративной аутентификацией через Google, facebook и т. Д.) С использованием потока кода авторизации.
После некоторого поиска я нашел следующий пример:
Что они имеют в виду, когда пишут следующее в разделе Развертывания:
build your project
Предполагают ли они, что я использую webpack или что-то подобное и забыл его описать, или они предполагают, что я знаком с конвейерами Azure (которыми я не являюсь), т. Е. Это:
Или они означают что-то другое? Как мне создать примерный проект?
Комментарии:
1. И когда они пишут следующее: «чтобы использовать расширение VS Code Azure Tools для развертывания, посмотрите учебник , предлагаемый Microsoft Docs», ссылка не существует (404). На какую ссылку они ссылаются?
Ответ №1:
Я провел тестирование в своей среде.
Вы можете создать и развернуть свой проект на статическом веб-сайте Azure с помощью кода VS.
Расширение хранилища Azure VS code создает и развертывает проект в Хранилище Azure как статический веб-сайт
После клонирования проекта в локальную папку откройте командную строку из папки проекта.
Выполните эту команду, чтобы установить модули узлов, необходимые для проекта :
npm install
Выполните эту команду, чтобы запустить проект :
npm start
Вы можете увидеть, как ваш проект выполняется в http://localhost:6420/
Теперь, чтобы развернуть это приложение в Azure, вы можете использовать функцию статического веб-сайта учетной записи хранилища Azure.
Чтобы развернуть приложение, пожалуйста, выполните следующие действия :
- Откройте свой проект из кода VS.
- Перейдите в раздел расширения и найдите хранилище Azure. Выберите Хранилище Azure. Нажмите на кнопку установить.
- Войдите в свою учетную запись Azure, и вы сможете просмотреть свою подписку.
- В разделе Расширение хранилища нажмите кнопку Развернуть на статический веб-сайт через службу хранилища Azure.
- Выберите папку проекта. Выберите свою подписку.
- Если учетная запись хранения уже создана, выберите свою учетную запись хранения. Если нет, нажмите кнопку Создать учетную запись хранения (Дополнительно) и создайте свою учетную запись хранения.
- Нажмите на кнопку Включить хостинг веб-сайта
- После завершения развертывания войдите на портал Azure.
- Откройте свою учетную запись хранилища. Выберите Контейнеры. Откройте $веб-контейнер.
- Вы можете увидеть свой проект, загруженный в учетную запись хранения.
- Нажмите на кнопку Изменить уровень доступа и выберите Контейнер ( анонимный доступ на чтение для контейнеров и больших двоичных объектов). Нажмите кнопку ОК
- Откройте папку приложения и нажмите на index.html. Скопируйте URL-адрес
- Откройте URL-адрес в браузере, и вы сможете увидеть запущенное приложение.
Комментарии:
1. Извините, что попросил разъяснений. Какой из шагов, которые вы описываете, строите проект? Из руководства: Создайте свой проект, чтобы получить папку с распространяемыми файлами, в которой будут сгенерированы созданные вами файлы html, css и javascript.
2. Расширение хранилища Azure VS code создает и развертывает проект в Хранилище Azure как статический веб-сайт
3. Пожалуйста, добавьте это в свой ответ — вы уже приняли его, но приятно, что в ответе есть комментарий, который вы только что опубликовали. Отличная работа.
4. Добавил это к ответу. Спасибо