DiginaloCean应用程序平台上部署NUXT

DigitaloCean应用程序平台允许您快速使用简单,完全托管的解决方案构建,部署和缩放应用程序。他们将处理基础架构,应用程序运行时和依赖项,以便在几下点击即可将代码推送到生产。

应用程序平台包括以下功能:

  • 构建,部署,管理和缩放应用程序。
  • 自动保护应用程序。它们创建,管理和续订SSL证书,并保护您的应用免受DDOS攻击。
  • 支持Node.js,静态站点,python,django,go,php,laravel,React,Ruby,Ruby在Rails,Gatsby,Hugo,集装箱图像上。
  • 直接从GitHub和Gitlab存储库部署代码。将更新推送到源代码时会自动重新部署应用程序。
  • 零基础设施管理。App Platform使用Open,Cloud本机标准并自动分析您的代码,创建容器,并在Kubernetes集群上运行它们。
  • 高度可扩展。水平或垂直缩放。

先决条件

本指南假定您已将Nuxt项目部署。如果您需要一个项目,请使用create-nuxt-app开始。

设置

  1. 链接您的存储库:在DigitalCean上创建一个新帐户,并连接GitHub或Gitlab帐户。然后选择要部署的存储库。

  2. 选择您的repo和一个区域部署您网站的分支。

  3. 选择适合您网站的服务。

    类型 设置
    服务器 Web服务 - 构建命令纱线建造&运行命令纱开始
    静止的 静态站点 - 构建命令纱线生成& 输出目录dist
  4. 如果您有任何环境变量,请在键值对输入中手动添加它们。

传递过程后,您的部署部署,您的网站将在构建完成后立即生活在自动化的URL上。

连续部署(CD)

现在,App Platform已连接到您的repo,它将在推出新更改时自动构建和发布您的网站。

添加自定义域名

在设置>域>域>添加域中或按照此添加您自己的网站如何在App Platform中管理域名指导。

部署到DigitaloCean按钮

Deploy in DigitaloCean按钮允许用户在App Platform上启动应用程序。它可以嵌入在GitHub存储库中的Readme文件中,允许浏览存储库的用户在一下单击中部署代码,将.yaml文件添加到您的repo中。看看如何将“部署到DigitalCean”按钮添加到存储库中

贡献者

抓住了一个错误或想要为文件做出贡献?在github上编辑此页面!