AWS 入門

建立持續交付管道

設定 Git 儲存庫,部署範例 Web 應用程式,以及建立持續交付管道

單元一:設定 Git 儲存庫

在本單元,您將為程式碼設定 Git 儲存庫,以便能夠透過網際網路輕鬆存取。

簡介

在本單元,您將為程式碼設定儲存庫,以便能夠透過網際網路輕鬆存取。在本範例中,我們將使用 GitHub,但還有其他 Git 相容選項可供使用,包括 AWS CodeCommit。在以下其中一個單元,您將連接此託管的儲存庫至我們的管道,因此,每次您將新執行推送至其中時,將會啟動建置程序。

您將學到的內容

  • 延伸 GitHub 儲存庫以建立新的儲存庫
  • 在 GitHub 中儲存程式碼和中繼資料
  • 使用 Git 與程式碼儲存庫互動

主要概念

版本控制 用於儲存來源程式碼和追蹤任何變更的系統。變更儲存為版本,因此,開發人員可以輕鬆比較版本或選擇回復為舊版本。

Git,一種開放原始碼版本控制工具,用於管理來源程式碼的變更。

Git Repository (Repo) 版本控制系統將追蹤所有檔案和目錄,包括中繼資料。每位使用者將在本機與完整副本互動,並將檔案推送至託管的版本以共用變更。

Git Commit 新增變更至 Git Repository 的方法。

推送至儲存庫,將透過執行儲存的本機儲存庫的任何變更複製到託管的儲存庫。

延伸儲存庫 建立現有儲存庫的副本。

 完成時間

5 分鐘

 使用的服務

 單元先決條件

實作

  • 延伸入門儲存庫

    本教學假設您有現有 GitHub 帳戶,且 Git 已安裝在您的電腦上。如果您未安裝其中任一個,您可以在此處找到逐步指示

    1. 在新瀏覽器列中,導覽至 GitHub 並確保您已登入帳戶。
    2. 在同一標籤中,開啟 aws-elastic-beanstalk-express-js-sample 儲存庫。
    3. 按一下畫面右上角的白色 "Fork" (延伸) 按鈕。下一步,您將看到一個小視窗,詢問您是否要延伸儲存庫。
    4. 按一下帳戶。幾秒鐘後,您的瀏覽器將在帳戶上顯示儲存庫副本。
  • 將變更推送至新儲存庫
    1. 按一下頁面頂部旁邊的綠色 "Code" (程式碼) 按鈕。
    2. 若要使用 HTTPS 複製儲存庫,確認標題為 "Clone with HTTPS" (使用 HTTPS 複製)。 如果不是,請按一下 "Use HTTPS" (使用 HTTPS) 連結。
    3. 按一下其上帶剪貼簿圖示的白色按鈕 (URL 右側)。
    Module 1 CloneGitHubRepo

    4.如果您使用的是 Mac 或 Linux 電腦,請開啟終端,如果您使用的是 Windows,請啟動 Git BASH。

    5.在應用程式上,當您按一下剪貼簿圖示時,您剛啟動 type the following command and paste the URL you just copied in Step 2 (輸入以下命令並貼上您剛在步驟 2 中複製的 URL)。確保將 "YOUR-USERNAME" 變更為您的 GitHub 使用者名稱。您應該會在終端看到以 "Cloning into" 開頭的訊息。 此命令會建立新資料夾,其中具有 GitHub 儲存庫中檔案的副本。

    git clone https://github.com/YOUR-USERNAME/aws-elastic-beanstalk-express-js-sample

    6.在新資料夾中,有一個名為 "app.js." 的檔案。 在最愛的程式碼編輯器中開啟 "app.js"

    7.將第 5 行的訊息變更為 "Hello World!" 以外的內容,然後儲存檔案。

    8.透過以下命令執行變更:

    git add app.js
    git commit -m "change message"

    9.使用下一個命令將本機變更推送至 GitHub 上託管的遠端儲存庫:

    git push
  • 測試變更
    1. 在瀏覽器視窗中,開啟 GitHub
    2. 在左側導覽面板的 "Repositories" (儲存庫) 下,按一下名為 aws-elastic-beanstalk-express-js-sample 的命令。
    3. 按一下 "app.js" 檔案。應會顯示檔案的內容,包括您的變更。

應用程式架構

以下是我們的架構目前大致的樣子:

Module-1

我們已建立程式碼儲存庫,包含簡單的 Hello World! Web 應用程式。我們將使用此儲存庫作為我們持續交付管道的觸發器,因此,必須適當設定,且我們會成功將程式碼推送到此儲存庫。

這個單元對您是否有幫助?

感謝您
請告訴我們您喜歡的部分。
關閉
抱歉,讓您失望
是有內容過時、令人困擾,或不準確嗎? 請提供意見回饋,協助我們改進此教學課程。
關閉

部署 Web 應用程式