AWS CodeStar 构建无服务器应用程序

在本教程中,您将学习如何使用 CodeStar 构建 NodeJS 应用程序,CodeStar 使用 AWS Lambda、CodePipeline、CodeCommit 和 CloudFormation。您还会学习如何将您的 CodeStar 项目与 JIRA 集成。

本教程使用的 AWS 服务涵盖在 AWS 免费套餐内。

使用 AWS CodeStar 构建无服务器应用程序需要有账户

创建免费账户

当您单击此处时,AWS 管理控制台将在新的浏览器窗口中打开,因此您可以将本分步指南保持打开状态。当此屏幕加载后,请输入您的用户名和密码以便开始操作。然后,在搜索栏中输入 CodeStar 并选择 CodeStar 以打开控制台。

tmt_store-retrieve-file_1

(单击放大图片)

tmt_store-retrieve-file_1

在此步骤中,您将启动 Node.JS 项目,该项目由 AWS Lambda 提供支持。


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

TMT-serverless-01

(单击以缩放)

TMT-serverless-01

b. 在“选择模板”屏幕上,选择包含 Web 应用程序和 AWS Lambda 的 Node.js 模板。

TMT-serverless-02

(单击以缩放)

TMT-serverless-02

c. 输入 NodeJS-Serverless-Project 作为项目名称,然后单击 Create Project (创建项目)

TMT-serverless-03

(单击以缩放)

TMT-serverless-03

d. 在接下来的屏幕中,选择您编辑项目代码的方式,然后单击跳过,因为我们将在此快速入门的其他部分进行演示。

TMT-serverless-03b

(单击以缩放)

TMT-serverless-03b

e. 您的项目正在进行配置,将在几分钟后进入可编辑状态。

TMT-serverless-04

(单击放大图片)

TMT-serverless-04

在此步骤中,您要将 JIRA 连接至 CodeStar 项目。这将允许您跟踪此项目的问题。


a. 在项目的 Web 页面上,单击 Extensions (扩展)  

TMT-serverless-05

(单击以缩放)

TMT-serverless-05

B. 单击 Atlassian JIRA 的 Add extension (添加扩展) 选项

TMT-serverless-06

(单击以缩放)

TMT-serverless-06

c. 按照说明创建 JIRA 实例 (如果您还没有实例)。如果您已经有 JIRA 实例,请跳至下一个步骤。

TMT-serverless-07

(单击以缩放)

TMT-serverless-07

d. 完成此操作后,在 Add the JIRA URL to AWS CodeStar (将 JIRA URL 添加到 AWS CodeStar) 下的文本框中输入 JIRA URL

TMT-serverless-08

(单击以缩放)

TMT-serverless-08

e. 按照“Create the application link in JIRA”、“Configure incoming authentication in JIRA”和“Connect your AWS CodeStar project to JIRA”中的 JIRA 说明进行操作,然后单击连接按钮。

TMT-serverless-08b

(单击以缩放)

TMT-serverless-08b

f. 单击允许

TMT-serverless-09

(单击以缩放)

TMT-serverless-09

g. 您的 JIRA 现已连接至您的 CodeStar 项目,您将能够在 JIRA 面板下查看 JIRA 问题

TMT-serverless-10

(单击以缩放)

TMT-serverless-10

在此步骤中,您要将更新提交至项目。这将启动使用 CodeBuild 进行的构建,然后使用 CloudFormation 部署到 AWS Lambda。此过程将由 AWS CodePipeline 中的管道管理。


a. 项目主页上有多个与项目持续部署相关的面板,以及存储项目代码的 git 存储库。

TMT-serverless-11

(单击以缩放)

TMT-serverless-11

b. 如果您更改 CodeCommit 存储库中的代码,则代码会通过 CodePipeline 自动部署。要执行此操作,请单击“Commit history”(提交记录) 面板中的连接按钮。


TMT-serverless-13

(单击以缩放)

TMT-serverless-13

c. 单击复制按钮。如果您还没有为您的 IAM 用户设置 CodeCommit 访问权限,请单击“Credential details”(凭证详细信息) 链接,并按照网页上的说明进行操作。

TMT-serverless-14

(单击以缩放)

TMT-serverless-14

d. 在终端窗口中,执行以下命令以查看代码副本:

git clone https://git-codecommit.us-east-1.amazonaws.com/v1/repos/nodejs-serverle
TMT-serverless-15

(单击以缩放)

TMT-serverless-15

e. 将您的工作目录更改为 git 存储库:

cd nodejs-serverle
TMT-serverless-16

(单击以缩放)

TMT-serverless-16

f. 打开 index.html 文件。

nano public/index.html
TMT-serverless-17

(单击以缩放)

TMT-serverless-17

g. 向“You just created a Node.js web application”文本添加三个感叹号。

TMT-serverless-18

(单击以缩放)

TMT-serverless-18

h. 提交您的更改。

git commit -a -m “updated index”
TMT-serverless-19

(单击以缩放)

TMT-serverless-19

i. 将更改推送回 CodeCommit。

git push
TMT-serverless-20

(单击以缩放)

TMT-serverless-20

j. 此更改现在应该会显示在 Commit history (提交记录) 窗格中。

TMT-serverless-21

(单击以缩放)

TMT-serverless-21

k. 几分钟后,您的 Continuous deployment (持续部署) 面板应该会重新运行 CodePipeline。首先,将在 CodeBuild 中构建您的代码。然后,使用 CloudFormation 部署代码。

TMT-serverless-23

(单击以缩放)

TMT-serverless-23

l. 此操作成功后,您便可以看到 NodeJS 应用程序的终端节点。

TMT-serverless-24

(单击以缩放)

TMT-serverless-24

m. 如果您单击终端节点的链接,就会发现自己所做的更改已部署至应用程序。

TMT-serverless-25

(单击以缩放)

TMT-serverless-25

您可以从 CodeStar 轻松删除无服务器应用程序。事实上,最好删除不再使用的资源,以免继续为其付费。


a. 在 CodeStar 控制台中,单击您的项目下的项目

TMT-serverless-26

(单击以缩放)

TMT-serverless-26

b. 您将看到组成您的项目的所有资源的列表。要删除它们,请单击 Delete project (删除项目)

TMT-serverless-27

(单击以缩放)

TMT-serverless-27

c. 要确认删除该项目,请输入项目名称,然后单击删除。如果您想同时删除项目的资源,请取消选中 Keep associated AWS resources but delete project in AWS CodeStar (保留相关联的 AWS 资源,但删除 AWS CodeStar 中的项目) 复选框。

TMT-serverless-28

(单击以缩放)

TMT-serverless-28

现在,您已使用 AWS CodeStar 成功创建了 NodeJS 应用程序!

您已使用 AWS CodeStar 创建了简单的无服务器 Web 应用程序,此处介绍了另外一些使用 CodeStar 的实用方式。

将您的 IDE 与 AWS CodeStar 集成

在您的首选环境中编写和开发代码,然后将其推送到 CodeStar。
将您的 IDE 与 AWS CodeStar 集成 »

与 AWS CodeStar 团队协作

通过授予他人访问 AWS CodeStar 项目的权限,与他人协同合作。
将他人添加至您的 AWS CodeStar 团队 »