5

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

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

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

+0

Вот шаблонного я использую для универсальных приложений реагировать. Он развертывается в герою и может использовать облачный фронт. Вместо использования файла index.html он развертывается в геройку, а сервер обслуживает компонент «Html.jsx». https://github.com/MadeInHaus/react-flux-gulp-starter –

+0

Если проблема заключается в том, как обращаться к файлам, сохранять версии в синхронизации и разбираться с развертыванием, возможно, мой [delivr] (https: // github. com/sholladay/delivr) и соответствующие модули build-* помогут вам. Он помещает ваш код на S3 в предсказуемый, готовый к производству способ, а затем вы установите CloudFront как простой прокси-сервер. –

+0

Вы поняли это? вы используете webpack? –

ответ

0

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

  1. построить свою сторону клиента пакет с WebPack и генерировать .json файл с именами ваших беспорядочных файлов
  2. построить свой серверный пакет. он читает вышеуказанный файл .json и впрыскивает правильные имена файлов в значение сценария в Уре HTML
  3. развернуть на Heroku/загрузки в КДС
Смежные вопросы