Разверните ваше внешнее приложение с помощью netlify

Docker

Я написал статью на днях,Если вы хотите создать блог, в котором упоминается использованиеnetlifyВоспользуйтесь услугами хостинга блогов.

netlifyОн может размещать ваши статические ресурсы, что означает, что он может размещать ваши интерфейсные приложения, такие какgithub pageСюда. Однако это не просто такgithub pageОдна функция, она может больше

  1. CI/CD: автоматическое развертывание при отправке кода в определенную ветку репозитория.
  2. http headers: вы можете настроить ресурсhttp headerтак что это можно сделатьОптимизация кешаЖдать
  3. http redirect/rewrite: Еслиnginx, чтобы вы могли настроить/api, чтобы решить перекрестные проблемы
  4. 二级域名github pageНесколько складов можно использовать только/pathнамного лучше
  5. CDN: Нажмите свои статические ресурсы в CDN, хотя это за границей
  6. https: Подготовить справку для вас, конечно же, полезноlets encrypt
  7. Prerender: ОбъединениеSPA, сделать предварительный рендеринг

То, что он делает, — это весь рабочий процесс внешнего интерфейса, и многое из этого выполняется автоматически. Если вы хотите узнать, как большая фабрика развертывает интерфейс, вы можете посмотретьnetlify

В начале года (2019/03) я написал статью:Как использовать докер для эффективного развертывания интерфейсных приложений. который описывает, как использоватьnginxЗеркальное отражение процесса оптимизации создания интерфейсных статических ресурсов, но это лишь небольшая часть рабочего процесса фронтального развертывания, эта программа больше подходит для малого бизнеса.

В крупных компаниях, где инфраструктура более надежна, скорее всего, будет платформа развертывания для внешнего развертывания, т.к.netlifyТакой же:Вам вообще не нужно создавать образ, вам просто нужно написать очень простой файл конфигурации.

В этой статье объясняется, как объединитьnetlifyВы идете на развертываниеgithubcheat-sheetscheatsheeets.netlify.com/git

КонечноgitlabЭто также может быть объединеноnetlifyиспользовать

Если эта статья может помочь вам, вы можете помочь мне вshfshanyue/op-noteнажмите на звезду

Новый сайт

Новый сайт

использоватьgithubАвторизованный входnetlify. Нажмите на главную страницуNew site from gitкнопка создать новый сайт

新建站点

Выберите склад

from github

配置 netlify

选择一个仓库

варианты сборки

  • build command: Как генерировать статические файлы, вообще это будетnpm run build
  • publish directory: Каталог статических файлов, обычноpublic/distЖдать

Его также можно использовать в качестве файла конфигурации, см. следующий раздел.

选择一个仓库

部署成功

配置二级域名

К этому времениcheatsheeets.netlify.com/git

конфигурационный файл

Профили могут настроить свой HTTPheader,rewrite,redirectофициальная документация

Ниже приведен мой блогshfshanyue/blogфайл конфигурации

[build]
  base = ""
  publish = ".vuepress/dist"
  command = "npm run build"

[[headers]]
  for = "/*"

  [headers.values]
    cache-control = "max-age=7200"

[[headers]]
  for = "/assets/*"

  [headers.values]
    cache-control = "max-age=31536000"
  • build.publish: каталог статических файлов
  • build.command: команда, как создать файл

Кроме того, я поставил/assets/*Сделайте постоянный кеш, потому что есть статические файлы с хэш-значениями

Настройте API для решения междоменной проблемы

Кроме того, если вашему интерфейсному приложению необходимо настроить прокси-сервер, например/apiа также/graphqlМожет установитьredirects. это заменаnginxфункция

[[redirects]]
  from = "/graphql/"
  to = "https://graphql.shanyue.tech"
  status = 200
  force = true
  headers = {X-From = "Netlify"}

резюме

Если у вас есть личный блог, личная работа или приложение, то можете попробоватьnetlify.由于服务器在国外，他可能有些慢，不过你可以试试国内厂商的 CDN

Статьи по Теме

Категории