在工作流程圖URL中顯示應用程式

如果您的工作流程部署了應用程式，您可以設定 Amazon CodeCatalyst 將應用程式顯示URL為可點選的連結。此連結會顯示在部署該連結的動作內的 CodeCatalyst 主控台中。下列工作流程圖顯示檢視應用程式URL出現在動作底部。

只要在 CodeCatalyst 主控台中URL按一下，就可以快速驗證您的應用程式部署。

注意

部署到 Amazon ECS 動作不支援該應用程式URL。

若要啟用此功能，請使用包含appurl或的名稱將輸出變數新增至動作endpointurl。您可以使用帶有或不帶連接破折號 (-)、底線 (_) 或空格 ( ) 的名稱。字串不區分大小寫。將變數的值設定為已部署應用程式httpsURL的http或。

注意

如果您要更新現有的輸出變數以包含app url、或endpoint url字串，請更新此變數的所有參考，以使用新的變數名稱。

如需詳細步驟，請參閱下列其中一個程序：

• 若要在「AWS CDK 部署」動作URL中顯示應用程式

• 若要在「部署 AWS CloudFormation 堆疊」動作URL中顯示應用程式

• URL在所有其他動作中顯示應用程式

完成設定後URL，請依照下列指示確認其如預期般顯示：

• 確認已新增應用URL程式

若要在「AWS CDK 部署」動作URL中顯示應用程式

1. 如果您正在使用部AWS CDK 署操作，請在應用 AWS CDK 程序代碼中添加一個CfnOutput構造（這是一個鍵值對）：

   • 索引鍵名稱必須包含或 appurlendpointurl，不論是否有連接破折號 (-)、底線 (_) 或空格 ( )。字串不區分大小寫。

   • 值必須是http或已部署httpsURL的應用程式。

   例如，您的 AWS CDK 程式碼可能如下所示：

   import { Duration, Stack, StackProps, CfnOutput, RemovalPolicy} from 'aws-cdk-lib';
   import * as dynamodb from 'aws-cdk-lib/aws-dynamodb';
   import * as s3 from 'aws-cdk-lib/aws-s3';
   import { Construct } from 'constructs';
   import * as cdk from 'aws-cdk-lib';
   export class HelloCdkStack extends Stack {
     constructor(scope: Construct, id: string, props?: StackProps) {
       super(scope, id, props);
       const bucket = new s3.Bucket(this, 'my-bucket', {
         removalPolicy: RemovalPolicy.DESTROY,
       });
       new CfnOutput(this, 'APP-URL', {
         value: https://mycompany.myapp.com,
         description: 'The URL of the deployed application',
         exportName: 'myApp',
       });
       ...
     }
   }

   如需有關CfnOutput建構的詳細資訊，請參閱AWS Cloud Development Kit (AWS CDK) API參考 CfnOutputProps中的介面。

2. 儲存並提交您的程式碼。

3. 繼續執行「確認已新增應用URL程式」。

若要在「部署 AWS CloudFormation 堆疊」動作URL中顯示應用程式

1. 如果您使用的是「部署 AWS CloudFormation 堆疊」動作，請將輸出新增至 CloudFormation 範本或 AWS SAM 範本中具有下列特性的Outputs區段：

   • 鍵（也稱為邏輯 ID）必須包含或 appurlendpointurl，帶有或不帶連接破折號（-），底線（_）或空格（ ）。字串不區分大小寫。

   • 值必須是http或已部署httpsURL的應用程式。

   例如，您的 CloudFormation 範本可能如下所示：

   "Outputs" : {
     "APP-URL" : {
       "Description" : "The URL of the deployed app",
       "Value" : "https://mycompany.myapp.com",
       "Export" : {
         "Name" : "My App"
       }
     }
   }

   若要取得有關 CloudFormation 輸出的更多資訊，請參閱AWS CloudFormation 使用指南中的輸出。

2. 儲存並提交您的程式碼。

3. 繼續執行「確認已新增應用URL程式」。

URL在所有其他動作中顯示應用程式

如果您正在使用其他動作來部署應用程式 (例如建置動GitHub 作或動作)，請執行下列動作以URL顯示應用程式。

1. 在工作流程定義檔案中動作的Inputs或Steps區段中定義環境變數。變數必須具有下列特性：

   • name必須包含或 appurlendpointurl，帶或連接破折號 (-)、底線 (_) 或空格 ( )。字串不區分大小寫。

   • 值必須是http或已部署httpsURL的應用程式。

   例如，建置動作可能如下所示：

   Build-action:
     Identifier: aws/build@v1
     Inputs:
       Variables:
         - Name: APP-URL
           Value: https://mycompany.myapp.com

   ... 或這個：

   Actions:
     Build:
       Identifier: aws/build@v1
       Configuration:    
         Steps:
           - Run: APP-URL=https://mycompany.myapp.com

   如需定義環境變數的詳細資訊，請參閱定義一個變量。

2. 匯出變數。

   例如，您的構建操作可能如下所示：

   Build-action:
     ...
     Outputs:
       Variables:
         - APP-URL

   如需匯出變數的資訊，請參閱匯出變數，以便其他動作可以使用它。

3. (選擇性) 選擇「驗證」，在確認之前驗證工作流程的程YAML式碼。

4. 選擇「確認」，輸入確認訊息，然後再次選擇「確認」。

5. 繼續執行「確認已新增應用URL程式」。

確認已新增應用URL程式

• 啟動工作流程執行 (如果尚未自動啟動)。新的運行應該在其工作流程圖中URL顯示為可點擊鏈接的應用程序。如需開始執行的詳細資訊，請參閱開始手動執行工作流程。