Статическая сборка веб-сайта Blazor с безопасным сервером функций Azure

Итак, я смотрел видео, описывающее статическую / бессерверную архитектуру веб-сайтов с помощью Blazor. Я был действительно вдохновлен на создание чего-то подобного. К сожалению, я не могу найти достойный источник того, как на самом деле аутентифицироваться в защищенном бэкэнде функций Azure с веб-сборкой Blazor.

Весь смысл здесь в том, чтобы иметь только статический сайт Blazor, без серверного API(только функции Azure), и не беспокоиться о пользователях, а использовать эту часть для Azure и поставщиков (в моем случае Facebook). Итак, я настроил часть проверки подлинности на панели проверки подлинности функций Azure для Facebook. (ref image) Я также надеюсь, что смогу каким-то образом получить идентификатор пользователя в качестве входной привязки.

Аутентификация / авторизация функций Azure

Я никогда раньше не пробовал обращаться за помощью в Интернете, но я на последнем этапе решения этой проблемы ". Если у кого-то есть какие-либо учебные пособия, примеры или советы о том, как сделать страницы Blazor и httpclient аутентифицированными с помощью функций Azure в проекте веб-сборки static blazor это будет очень полезно.

1 ответ

Судя по снимку экрана, вы хотите «Добавить свою собственную функцию».

Во-первых, убедитесь, что ваше статическое веб-приложение работает в «Стандартном плане», а не в «Бесплатном». Бесплатный план не позволяет использовать собственную функцию.

Во-вторых, все ваши функции Azure должны быть помечены как анонимные, поскольку статическое веб-приложение будет контролировать доступ к функции Azure с помощью параметра маршрутов в файле staticwebapp.config.json.

Наконец, вам нужно связать функцию Azure со статическим веб-приложением. Это объясняется в документации Bring your own Function. Вам нужно будет обновить файл определения рабочего процесса (заканчивается на .yml) и установить для api_location пустое значение api_location: ""

Ваша функция Azure будет выглядеть следующим образом при подключении:

Для начала я следовал инструкциям Microsoft для управляемого API, чтобы ознакомиться с ресурсами, а затем разделился на функцию «Принеси свою собственную функцию».

Надеюсь, это поможет!

Другие вопросы по тегам