rrod

RROD - React, Redux, Orleans и Dotnet Core

Изучение новой веб -архитектуры

Этот проект представляет собой функцию архитектуры следующего поколения на основе Dotnet Core и JavaScript. Когда я начал это, все было очень кровоточащим краем, но я сохранил эти репозитории, когда эти продукты повзрослели, и теперь все выпущено и готово к производству!

Вот вступительный пост. Есть последующие сообщения о моей реализации сертификатов Let's Encrypt, Frontend React, Redux и TypeScript, а также бэкэнд на основе Actor Orleans. Я также добавил Dockerfiles и развернул это решение в кластер Kubernetes. Файлы конфигурации для этого (минус секреты) находятся в папке развертывания.

Этот проект демонстрирует много технологий в контексте:

Клиент

• Веб-фронт с универсальным/изоморфным рендерингом, используя React 16 и Redux, написанные в TypeScript
• Пользовательский интерфейс на основе начальной загрузки с использованием React-Bootstrap и Bootstrap-Sass
• Анимации и переходы с использованием ReactTransitionGroup и AnimatedJS
• Трубопровод активов, управляемый WebPack 4, с горячим модулем перезагрузку во время разработки
• Обновления в режиме реального времени с сервера через соединение SignalR WebSocket

Веб-фронт

• WebServer на основе Aspnet Core 2.1, работающий в качестве автономного исполняемого файла
• Автоматический запрос и использование сертификатов Let's Encrypt TLS при запуске
• Aspnet javascriptservices Middleware Driving Webpack во время разработки ( требует версии узла 8+ )
• Промежуточное программное обеспечение ASPNET для обслуживания статических активов, сжатых с GZIP
• Identity Aspnet с использованием пользовательского (на основе Orleans) идентификационного магазина
• Службы DistributedCache и DataProtection реализованы против Backend Orleans
• Аутентификация на основе Identity Server 4
• Промежуточное программное обеспечение для защиты от сценариев Cross Site

Актер Бэк-Энд

• Актерский бэк-энд на основе Microsoft Orleans 2.0
• Использование хранилища таблицы для постоянного состояния (установите эмулятор хранилища Azure или настройте «реальное» соединение хранения, чтобы запустить этот проект)
• Использование потоков Orleans через очередь лазурного хранения для разжигания обновлений от внутреннего до подписчиков
• Демо-актер реализует поиск событий, повторно используя рисунок Redux в бэкэнде

Развертывание на основе Docker / Kubernetes

• Используйте код VS или Visual Studio для разработки с использованием локальной среды Dotnet
• Dockerfiles и VS -кодовые задачи для локальной разработки и отладки с использованием Docker Community Edition
• Kubernetes Yaml файлы для развертывания в кластер Kubernetes, такой как Azure AKS (добавьте свои собственные конфигурации/секреты)

Запусти это самостоятельно

1. Установите Dotnet Core 2.1 (или выше) и Nodejs 8 (или выше).
2. Создайте файл secrets.json, поместите его в нужное место (в Windows, его %AppData%RoamingMicrosoftUserSecretsrrod-secretssecrets.json , on osx, это в ~/.microsoft/usersecrets/rrod-secrets/secrets.json ). Сначала необходимо создать учетную запись хранения в Microsoft Azure. В Windows вы можете в качестве альтернативы установить эмулятор хранилища Azure и поместить «UndivementStorage = true» для строк подключения хранения. Строка подключения SMTP на самом деле не нужна. Можно настроить Orleans с другими типами кластеризации, которые не используют хранилище Azure (например, кластеризацию Native Kubernetes) с несколькими изменениями кода. Базовый класс Reduxgrain (используемый для хранения пользователей и значений счетчиков) жестко кодируется в отношении хранилища Azure и действительно нуждается в ReduxConnectionStricing. Файл минимальных секретов содержит:

 {
  "ConnectionStrings": {
    "DataConnectionString": "DefaultEndpointsProtocol=https;AccountName=[AZURE STORAGE ACCOUNT];AccountKey=[STORAGE KEY];EndpointSuffix=core.windows.net",
    "ReduxConnectionString": "DefaultEndpointsProtocol=https;AccountName=[AZURE STORAGE ACCOUNT];AccountKey=[STORAGE KEY];EndpointSuffix=core.windows.net",
    "SmtpConnectionString": "Host=[SMTP HOST];UserName=[SMTP USERNAME];Password=[SMTP PASSWORD]"
  },
  "AcmeSettings": {
    "EmailAddress": "[YOUR EMAIL]",
    "PfxPassword": "[A RANDOM PASSWORD]"
  }
}

3. В SRC/Orleanshost запустите dotnet run
4. В SRC/WebApp, запустите npm install (или yarn ), затем dotnet run

Используя код VS или Visual Studio, вы также можете сделать это изнутри IDE.

Отказ от ответственности

Этот код следует считать экспериментальным. Он работает, однако проект может иметь грубые края и не был тщательно протестирован. Я приветствую отзывы!

- Маартен