在本教學中,您將學習如何使用 CodeStar 建立 NodeJS 應用程式,其採用 AWS Lambda、CodePipeline、CodeCommit 和 CloudFormation。此外您也會學習如何將 CodeStar 專案與 JIRA 整合。

您在本教學中使用的 AWS 服務皆涵蓋在「AWS 免費方案」範圍內。

必須具有帳戶才能使用 AWS CodeStar 建立無伺服器應用程式

建立免費帳戶

按一下這裡,即可在新瀏覽器視窗開啟 AWS 管理主控台,以讓此逐步指南持續保持開啟狀態。當畫面載入時,輸入您的使用者名稱和密碼以開始使用。然後在搜尋列輸入 CodeStar,再選取 CodeStar 以開啟主控台。

tmt_store-retrieve-file_1

(按一下以縮放)

tmt_store-retrieve-file_1

在此步驟中,您會啟動以 AWS Lambda 為支援的 Node.JS 專案。


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.  在下個畫面 Choose how you want to edit your project code 中,按一下 Skip,這是因為我們會在此快速入門的另一個區段中執行此動作。

TMT-serverless-03b

(按一下以縮放)

TMT-serverless-03b

e.  您的專案正在佈建,會在數分鐘內就緒可供編輯。

TMT-serverless-04

(按一下以縮放)

TMT-serverless-04

在此步驟中,您會將 JIRA 連線至 CodeStar 專案。這可讓您追蹤此專案的問題。


a.  在專案的網頁上,按一下 Extensions  

TMT-serverless-05

(按一下以縮放)

TMT-serverless-05

b.  針對 Atlassian JIRA 按一下 Add extension

TMT-serverless-06

(按一下以縮放)

TMT-serverless-06

c.  依照關於建立 JIRA 執行個體的指示操作 (若您尚無 JIRA 執行個體)。或者若您已有 JIRA 執行個體,則跳至下一個步驟。

TMT-serverless-07

(按一下以縮放)

TMT-serverless-07

d.  完成此操作後,在 “Add the JIRA URL to 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 的說明操作,然後按一下 “Connect” 按鈕。

TMT-serverless-08b

(按一下以縮放)

TMT-serverless-08b

f. 按一下 Allow

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 面板中按一下 Connect 按鈕。


TMT-serverless-13

(按一下以縮放)

TMT-serverless-13

c.  按一下 Copy 按鈕。若您未設定 IAM 使用者的 CodeCommit 存取權,請按一下 "Credential details" 連結,並遵循此處的指示操作。

TMT-serverless-14

(按一下以縮放)

TMT-serverless-14

d.  在 Terminal 視窗中,執行下列命令查看程式碼的副本:

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

(按一下以縮放)

TMT-serverless-15

e.  將工作目錄變更至 git repo:

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 應用程式的 Endpoint。

TMT-serverless-24

(按一下以縮放)

TMT-serverless-24

m.  若您按一下終端節點連結,會發現所做的變更已部署至應用程式。

TMT-serverless-25

(按一下以縮放)

TMT-serverless-25

您可以輕鬆地從 CodeStar 刪除無伺服器應用程式。事實上,刪除不再使用的資源是一項最佳實務,如此您就不需要繼續為它們付費。


a.  在 CodeStar 主控台的專案下方,按一下 Project

TMT-serverless-26

(按一下以縮放)

TMT-serverless-26

b.  您會看到包含專案的所有資源清單。若要刪除這些專案,請按一下 Delete project

TMT-serverless-27

(按一下以縮放)

TMT-serverless-27

c.  若要確認刪除專案,請輸入專案的名稱,然後按一下 Delete。若您想要一併刪除專案資源,請取消勾選 Keep associated AWS resources but delete project in AWS CodeStar 核取方塊。

TMT-serverless-28

(按一下以縮放)

TMT-serverless-28

您現已使用 AWS CodeStar 建立 NodeJS 應用程式!

您現已使用 AWS CodeStar 建立簡易無伺服器 Web 應用程式,以下是有關 CodeStar 的一些其他實用做法。

將 IDE 與 AWS CodeStar 整合

在偏好的環境中撰寫和開發程式碼,然後再推送至 CodeStar。
將 IDE 與 AWS CodeStar 整合 »

使用 AWS CodeStar Teams

授與其他人 AWS CodeStar 專案存取權,與其展開共同作業。
將其他人新增至 AWS CodeStar Team »