Для развертывания Сайтов с использованием Blazor, Angular и React с репозиторием на GitHub на Cloudflare

Как развернуть сайты с помощью Blazor, Angular и React с репозиторием на GitHub на Cloudflare.

Если вы хотите поэкспериментировать или даже создать лабораторию, есть бесплатный вариант. У него ограниченные возможности, но для того, чтобы попробовать, он отлично подходит.

Вы создаете и аутентифицируетесь на Cloudflare, есть меню Страницы.

Следующим шагом вам нужно нажать на кнопку Создать проект.

Далее вы выбираете, как мы будем отправлять наш код в CloudFlare. Нажмите подключиться к git.

Подключившись к Git, все репозитории, связанные с вашей учетной записью, будут перечислены, просто выберите тот, который вы хотите развернуть. Я впервые развернул Blazor, как вы можете видеть ниже.

Далее вы предоставите некоторую информацию для выполнения развертывания с помощью Blazor.

Первая команда сборки

-sSL https://dot.net/v1/dotnet-install.sh > dotnet-install.sh; chmod +x dotnet-install.sh; ./dotnet-install.sh -c 6.0 -InstallDir ./dotnet6; ./dotnet6/dotnet - version; ./dotnet6/dotnet publish -c Release -o output;

Второй каталог вывода Build

/output/wwwroot

При сохранении начнется процесс развертывания.

Развернуть приложение React, вам просто нужно выбрать Framework Preset, он автоматически заполнит "Build Command" и "Build Output Directory".

При сохранении начнется процесс развертывания.

Чтобы развернуть приложение Angular, вам нужно выбрать Framework Preset, он автоматически заполнит "Build Command" и "Build Output Directory".

В "Build Output Directory", вероятно, нужно указать имя приложения.

В моем случае мне пришлось добавить переменную окружения с версией Node.

NODE_VERSION -> v16.13

Cloudflare сгенерирует URL для вас, если вы хотите связать его с вашим доменом.

- Blazor

- React

- Angular