Универсальный реактивный рендеринг с CDN и герокой

Попытка настроить приложение реагирования на стороне сервера (универсальное, изоморфное), которое развертывается через CircleCI, используя Heroku для приложения node / express и Cloudfront в качестве CDN.

У меня возникли проблемы с концептуализацией того, как это будет работать. Поток кажется довольно прямым, за исключением нескольких частей. Как только мы развернем наши встроенные ресурсы в CDN, таком как CloudFront, как мы подключим их к нашему файлу index.html, который находится в Heroku? (этот индексный файл создан и используется в приложении узла Heroku в качестве основы для рендеринга на стороне сервера). Но я хочу, чтобы он содержал ссылки на ресурсы CDN, а не встроенные ресурсы Heroku. (CircleCi запускает веб-пакет и Heroku после его развертывания)

Кто-нибудь сталкивался с этим раньше?

Источник

1 ответ

Вы можете использовать что-то вроде https://github.com/kossnocorp/assets-webpack-plugin для создания файла.json, который содержит каталог / имена ваших встроенных и хэшированных файлов веб-пакетов. Затем вы можете использовать этот файл.json, чтобы определить, как будут выглядеть ваши теги в сгенерированном html на стороне сервера.

  1. Создайте свой пакет на стороне клиента с помощью веб-пакета и сгенерируйте файл.json с именами ваших хэшированных файлов.
  2. Создайте свой серверный комплект. он читает указанный выше файл.json и вставляет правильные имена файлов в значения скрипта в ur html
  3. развернуть к героку / загрузить на cdn
Источник
Другие вопросы по тегам