在Koyeb无服务器平台上部署NUXT

koyeb.是一个开发人员友好的无服务平台,可以在全球范围内部署应用程序。该平台可让您无缝运行基于Git的部署,本机自动阶段,全局边缘网络和内置服务网格和发现的Docker容器,Web应用程序和API。

在本指南中,我们展示了如何在Koyeb平台上停放和部署Nuxt应用程序。

Koyeb允许您从您选择的注册表中部署Docker容器。在本指南中,我们使用Docker Hub来存储我们的图像,但您可以自由使用github容器注册表, 这Gitlab容器注册表或任何其他容器注册表提供者。

要求

要成功跟踪和完成本指南,您需要:

  1. 一个核心项目要部署。你可以使用create-nuxt-app要创建Nuxt项目并开始
  2. 一种koyeb帐户部署和运行dockerized nuxt应用程序
  3. 一种Docker Hub.帐号推送Docker镜像并部署到Koyeb

入门

在Nuxt应用程序目录中运行以下命令以安装依赖项:

安装依赖项后,启动应用程序并确保一切正常正常:

开发

换来您的应用程序

要换来您的Nuxt应用程序,您需要创建一个Dockerfile在您的项目目录中包含以下内容:

节点lts作为建设者Workdir./应用程序复制。。跑步纱线安装\--更喜欢-离线 \--冻结-锁定文件---交互的 \--生产=假跑步纱线建造跑步R M-rf node_modules && \ NODE_ENV=production yarn install \--更喜欢-离线 \--纯的-锁定文件---交互的 \--生产=真实节点ltsWorkdir./应用程序复制--来自= Builder / app。env.主持0.0.0.0.暴露80cmd.[“纱”“开始”]

构建Docker映像执行以下命令:

Docker建立- t<your_docker_hub_username.>/ my-nuxt-project

这个命令将构建名为/my- nuext -project的Docker映像。一旦构建结束,你可以使用映像本地运行一个容器,以验证一切都在按预期运行:

Docker Run -p.3000.:3000.<your_docker_hub_username.>/ my-nuxt-project

打开浏览器并导航到http://localhost:3000查看项目登陆页面。

将您的Docker映像推到容器注册表

由于我们的停靠图像在我们的测试中构建和功能,我们现在可以将其上传到容器注册表。在本文中,我们将在Docker集线器上存储我们的图像。在您的终端中运行以下命令以推送图像:

Docker推送<your_docker_hub_username.>/ my-nuxt-project

将next应用程序部署到Koyeb上的生产环境中

在Koyeb控制面板上,单击创建应用程序按钮。

在表格中,填补Docker Image.字段与我们之前创建的图像的名称应该如上所述 / my-nuxt-project

选中框使用私人注册表而且,在“选择”字段中,单击创建注册表秘密

打开莫代尔要求:

  • 我们可以使用的秘密的名称,例如,我们可以使用Docker-Hub-秘密
  • 注册表提供程序在我们的案例Docker Hub中生成包含私有注册表凭据的秘密
  • 您的Docker Hub用户名和密码。我们建议您生成访问令牌来代替你的密码。填写完所有字段后,单击创建按钮。

我们不需要改变小路,我们的应用程序将在我们的域名中提供:/

给你的应用一个名字,即NUXT-APP.,然后点击创建应用程序

您可以添加更多区域来部署应用程序,设置环境变量,并根据您的需求定义水平缩放。

您将自动重定向到Koyeb App Page,您可以在其中遵循Nuxt应用程序部署的进度。在几秒钟内,一旦您的应用程序部署,请单击“公共网址结束koyeb.app.

您的Nuxt应用程序现在正在Koyeb中运行,并从本机自动播放,自动HTTPS(SSL),自动治疗和全局负载平衡的优势在我们的边缘网络上。

贡献者

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