使用 AWS CodeStar 和 AWS Cloud9

在本教程中,您将学习如何使用 AWS CodeStar 和 AWS Cloud9 来开发、构建和部署 Node.js 无服务器 Web 应用程序。作为开发人员,设置自动化软件开发工作流程可能是一项耗时且繁锁的任务。AWS CodeStar 是一种软件开发工具,使您能够在 AWS 上快速开发、构建和部署应用程序。借助 CodeStar,您可以在几分钟内建立持续交付工具链,从而以更快的速度开始发布代码。

Cloud9 是用于编写、运行和调试代码的云 IDE。Cloud9 预打包了适用于许多常用编程语言(JavaScript、Python、PHP 等)的重要工具,因此您无需安装各种编译器和工具链。

在接下来的几分钟内,您将使用 AWS CodeStar 构建一个新的基于 AWS Lambda 的 Node.js 无服务器 Web 应用程序。您将使用 AWS CodeStar 设置持续交付工具链,使用 AWS CodeCommit 进行源代码控制,使用 AWS CodePipeline 自动执行发布流程。然后,您将使用 Cloud9 更改 Node.js 项目中的一些代码,并提交更改以触发连续管道并重新部署项目。

您在本教程中使用的 AWS 服务位于 AWS 免费套餐中。

使用此教程需要拥有 AWS 账户

创建免费账户

AWS CodeStar 或 AWS Cloud9 不收取任何额外费用。您在本教程中创建的资源符合免费套餐条件。

查看 AWS 免费套餐详细信息 »

打开 AWS 管理控制台,以便您可以让本分步指南处于打开状态。显示此屏幕时,请输入您的用户名和密码以便开始操作。然后在搜索栏中键入 Codestar 并选择 CodeStar 以打开 CodeStar 控制台。

(单击以缩放)

在此步骤中,您将设置 CodeStar,然后创建和部署无服务器 AWS Lambda Node.js 项目。


a.在 CodeStar 主页上,选择 Start a project (启动项目)

 

(单击以缩放)


b.CodeStar 可以代表您管理 AWS 资源,为您提供帮助;要启用此功能,CodeStar 需要为您创建 AWS 服务角色。在 Create service role (创建服务角色) 对话框中,选择 Yes, create role (是,创建角色)

(单击以缩放)


c.在 Choose a project template (选择项目模板) 页上,选择包含 Web 应用程序和 AWS Lambda 的 Node.js 模板。您可以使用 CodeStar 开发各种应用程序,例如网站、Web 应用程序、Web 服务和 Alexa 技能。您可以使用 Java、JavaScript、PHP、Ruby、C#、Go、HTML 和 Python 进行开发。

(单击以缩放)


d.在 Project details (项目详细信息) 页上,为“Project name (项目名称)”输入 nodejs-serverless-project。​确认您已选择 AWS CodeCommit,然后选择 Next (下一步)。​

(单击以缩放)


e.在 Review project details (检查项目详细信息) 页上,请注意 CodeStar 将建立完整的持续集成管道,使用 CodeCommit 进行版本控制,使用 AWS CodeBuild 构建和测试,并使用 AWS CloudFormation 部署到 Lambda。此外,CodeStar 将使用 Amazon CloudWatch 监控您的应用程序。选择 Create Project (创建项目)

(单击以缩放)


f.在 Set up tool (设置工具) 页上的 Pick how you want to edit your code (选择您要如何编辑代码) 下,选择 AWS Cloud9,然后选择 Next (下一步)

(单击以缩放)


网.在 Set up your AWS Cloud9 environment (设置 AWS Cloud9 环境) 页上的 Recommended instances (推荐实例) 下,选择 t2.micro,然后选择 Next (下一步)。Cloud9 IDE 将在此实例上运行,您将通过浏览器访问它。

(单击以缩放)


h.现在 AWS CodeStar 将设置您的 CodeStar 项目并将其连接到您的 Cloud9 IDE。几分钟后,您会收到 Success! Your project and IDE are set up and ready to use (成功! 您的项目和 IDE 已设置并可供使用) 消息。

(单击以缩放)


i.很快将会显示您的项目控制面板。找到 Application endpoints (应用程序终端节点) 磁贴,并选择横条之间的链接。您的新 Node.js 应用程序应显示在新选项卡或浏览窗口中。 在完成持续部署过程时,等待图标立方体不停地时而显示,时而消失。

(单击以缩放)

在此步骤中,您将使用 Cloud9 更改应用程序代码,然后将更改提交到 CodeCommit,这将告诉 CodePipeline 通过 CodeBuild 自动触发代码构建,并通过 CloudFormation 部署到 Lambda。


a.返回到 AWS CodeStar 控制面板,选择 Start coding (开始编码)。现在,CodeStar 将您的 git 存储库克隆到您的 Cloud9 环境中,并在浏览器中打开 Cloud9 IDE。在 Cloud9 IDE 底部的 bash 选项卡中,使用以下命令更改目录以开始处理您的代码:

cd /home/ec2-user/environment/nodejs-serverle

(单击以缩放)


b.最佳实践是在使用以下命令设置新 Cloud9 环境时设置 git user.nameuser.email

git config --global user.name YOUR_USER_NAME
git config --global user.email YOUR_EMAIL_ADDRESS

c.现在您的环境已完全设置,您已准备好开始开发。在 Cloud9 IDE 中,选择左侧的 Navigate (导航) 选项卡,然后选择 index.html。这会在 Cloud9 IDE 中打开 index.html 文件。

(单击以缩放)


d.与大多数 IDE 一样,Cloud9 具有用于编辑和查找文本的快捷键。要查找要更改的代码行,请在 macOS 上按 Command-f,在 Windows 上按 Ctrl-f,或在 Linux 上按 Ctrl-f。在 find (查找) 搜索栏中输入 appl,Cloud9 编辑器将滚动以突出显示第 62 行或前后的 appl 字符串。

(单击以缩放)


e.在 Cloud9 IDE 中,在 application 一词后面添加 3 个感叹号,然后通过在 macOS 上按 Command-s,在 Windows 上按 Ctrl-s 或在 Linux 上按 Ctrl-s 组合键来保存更改。

(单击以缩放)


f.使用 Cloud9 IDE 底部的 bash 选项卡,通过键入以下命令确认已保存更改:

git status

如果 Git 返回红色的 modified: public/index.html,则表示您已成功保存更改,并且已准备好暂存和提交更改。

如果 Git 返回 nothing to commit, working tree clean,则您需要在 Cloud9 IDE 中保存更改。


网.现在暂存您的更改,提交更改,并使用以下命令将更改推送到 CodeCommit 上 git 中的主分支:

  git add public/index.html
  git commit -m "add three bangs"
  git push origin master

(单击以缩放)


h.在 CodeCommit 中将更改推送到主分支后,CodePipeline 将触发持续部署过程。通过访问 AWS CodeStar 控制面板并向下滚动到 Continuous deployment (持续部署) 磁贴来监控该过程。几分钟后,您将看到您的代码从“源代码”阶段进入“构建”阶段,最后进入“部署”阶段。

(单击以缩放)


i.代码到达“部署”阶段后,通过选择 CodeStar Application endpoints (应用程序终端节点) 磁贴中的 URL,确认您所做更改已到达上线的 Web 应用程序。在浏览器中加载页面后,确认它包含您添加的感叹号。

(单击以缩放)

在此步骤中,您将终止 CodeStar 项目、Cloud9 环境和所有相关资源。

重要说明:终止当前未在使用的资源可降低成本,是最佳实践。不终止资源可能会产生费用。


a.要访问 CodeStar 控制台主页面,请选择 AWS CodeStar,选择省略号,然后选择 Delete (删除)

(单击以缩放)


b.在 Delete project (删除项目) 屏幕上的文本框中键入 nodejs-serverle,然后选择 Delete (删除)

您已使用 AWS CodeStar 和 AWS Cloud9 构建、开发和部署基于 AWS Lambda 的 Node.js 无服务器 Web 应用程序。

AWS CodeStar 是开发、构建和部署各种应用程序(如网站、Web 应用程序、Web 服务和 Alexa 技能)的绝佳选择。您可以使用 Java、JavaScript、PHP、Ruby、C# 和 Python 进行开发。

AWS Cloud9 是云 IDE,非常适合在 JavaScript、Python 或 PHP 中编写、运行和调试代码,您无需设置和维护各种编译器和工具链。

现在您已经学习了如何使用 AWS CodeStar 和 AWS Cloud9 构建无服务器应用程序,请选择以下选项之一以了解更多信息:

将您的 IDE 与 AWS CodeStar 集成

在首选环境中编写和开发代码,然后推送到 CodeStar。

将您的 IDE 与 AWS CodeStar 集成 »

与 AWS CodeStar 团队合作

通过授予其他人访问 AWS CodeStar 项目的权限与他人协作。

将其他人添加到您的 AWS CodeStar 团队中 »

AI 博客

设置和自定义 Cloud9 集成开发环境。

自定义 Cloud9 »