如何将您的安全 Vue.js 应用程序部署到 AWS

suchonaseo · 发表于 2024-1-22 16:02:28

本文最初发表在Okta 开发者博客上。感谢您对合作伙伴的支持，使 SitePoint 成为可能。编写 Vue 应用程序直观、简单且快速。凭借较低的进入门槛、基于组件的方法以及热重载和 webpack 等内置功能，Vue 让您可以专注于开发应用程序，而不必担心开发环境和构建流程。但是，当您准备好将应用程序部署到生产中时会发生什么？选择可能是无穷无尽的，有时甚至是不直观的。作为一名 AWS 认证解决方案架构师，我经常被问及如何将 Vue 应用程序部署到 AWS。在本教程中，我将引导您构建一个小型、安全的 Vue 应用程序并将其部署到 Amazon Web Services (AWS)。如果您从未使用过 AWS，请不用担心！我将引导您完成从创建 AWS 账户开始的每一步。关于AWS Amazon Web Services (AWS) 是一个提供众多按需云服务的云平台。

这些服务包括云计算、文件存储、关系数据库、内容分发网络等等。AWS 的诞生并不是作为零售产品，而是亚马逊对负责为及其电子商务业务提供支持的基础设施日益复杂的问题的内部解决方案。亚马逊很快意识到他们的基于云的基础设施是一个引人注目的、经济高效的解决方 WhatsApp 号码数据案，并于 2006 年向公众开放。在撰写本文时，AWS 的价值估计为$250B（是的，这是 BILLION 的 B），并被全球数千家公司和开发人员使用。 AWS 产品你将建造什么我觉得最好的学习方式就是实践。我将引导您使用 Express REST 服务器构建一个小型 Vue 应用程序。您将使用Okta 的 OpenID Connect (OIDC)来保护您的应用程序，该应用程序只需几行代码即可实现用户身份验证和授权。您将首先构建 Vue 前端并将其部署到 Amazon S3。

然后，您将利用 Amazon CloudFront 将您的 Vue 前端分发到世界各地的边缘服务器。最后，您将创建一个 Express API 服务器并使用Serverless进行部署。该 API 服务器将包含一种获取“安全数据”（只是一些虚拟数据）的方法，该方法需要客户端提供有效的访问令牌才能检索。本文的目标是向您展示如何利用多个 AWS 服务，而不是仅仅启动单个 EC2 实例来为您的应用程序提供服务。通过这种基于服务的方法，您可以以无限的规模、零维护和经济高效的方式在云中部署应用程序。奥克塔是什么？ Okta 是一项云服务，允许开发人员管理用户身份验证并将其与一个或多个应通过多重身份验证保护您的应用程序以及更多！查看我们的产品文档注册一个免费的开发者帐户，完成后请回来，以便我们了解如何将 Vue 应用程序部署到 AWS 的更多信息。

Gregorymus · 发表于 2024-10-22 18:31:23

		自动登录	找回密码
密码			立即注册