

 適用於 JavaScript 的 AWS SDK v2 已end-of-support。我們建議您遷移至 [適用於 JavaScript 的 AWS SDK v3](https://docs.aws.amazon.com//sdk-for-javascript/v3/developer-guide/)。如需如何遷移的其他詳細資訊和資訊，請參閱此[公告](https://aws.amazon.com/blogs//developer/announcing-end-of-support-for-aws-sdk-for-javascript-v2/)。

本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 使用 Amazon S3 儲存貯體做為靜態 Web 主機
<a name="s3-example-static-web-host"></a>

![\[JavaScript code example that applies to Node.js execution\]](http://docs.aws.amazon.com/zh_tw/sdk-for-javascript/v2/developer-guide/images/nodeicon.png)

**這個 Node.js 程式碼範例會說明：**
+ 如何將 Amazon S3 儲存貯體設定為靜態 Web 主機。

## 使用案例
<a name="s3-example-static-web-host-scenario"></a>

在此範例中使用一系列的 Node.js 模組以設定任何儲存貯體，並該儲存貯體做為靜態 web 託管。Node.js 模組使用適用於 JavaScript 的 SDK，使用以下 Amazon S3 用戶端類別的方法設定選取的 Amazon S3 儲存貯體：
+ [https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#getBucketWebsite-property](https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#getBucketWebsite-property)
+ [https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#putBucketWebsite-property](https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#putBucketWebsite-property)
+ [https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#deleteBucketWebsite-property](https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#deleteBucketWebsite-property)

如需使用 Amazon S3 儲存貯體做為靜態 Web 主機的詳細資訊，請參閱《*Amazon Simple Storage Service 使用者指南*》中的在 [Amazon S3 上託管靜態網站](https://docs.aws.amazon.com/AmazonS3/latest/userguide/WebsiteHosting.html)。

## 先決條件任務
<a name="s3-example-static-web-host-prerequisites"></a>

若要設定和執行此範例，您必須先完成這些任務：
+ 安裝 Node.js。如需安裝 Node.js 的詳細資訊，請參閱 [Node.js 網站](https://nodejs.org)。
+ 透過使用者登入資料建立共用組態檔。如需提供共用登入資料檔案的詳細資訊，請參閱 [從共用登入資料檔案中在 Node.js 中載入登入資料](loading-node-credentials-shared.md)。

## 設定軟體開發套件
<a name="s3-example-static-web-host-configure-sdk"></a>

建立全域組態物件，然後為您的程式碼設定 區域，以設定適用於 JavaScript 的 SDK。在此範例中，區域會設為 `us-west-2`。

```
// Load the SDK for JavaScript
var AWS = require('aws-sdk');
// Set the Region 
AWS.config.update({region: 'us-west-2'});
```

## 擷取目前的儲存貯體網站組態
<a name="s3-example-static-web-host-get-website"></a>

以檔名 `s3_getbucketwebsite.js` 建立一個 Node.js 模組。該模組採用的單一命令行引數，指定了您要的網站組態之儲存貯體。依前述內容設定軟體開發套件。

建立一個 `AWS.S3` 服務物件。建立函數，對於儲存貯體清單中所選的儲存貯體，擷取其目前的儲存貯體網站組態。您唯一需要傳遞的參數，就是在呼叫 `getBucketWebsite` 方法時所選取儲存貯體的名稱。如果儲存貯體目前具有網站組態，Amazon S3 會在傳遞給回呼函數的 `data` 參數中傳回該組態。

如果所選的儲存貯體沒有網站組態，則該資訊會在 `err` 參數中傳回至回呼函數。

```
// Load the AWS SDK for Node.js
var AWS = require("aws-sdk");
// Set the region
AWS.config.update({ region: "REGION" });

// Create S3 service object
s3 = new AWS.S3({ apiVersion: "2006-03-01" });

var bucketParams = { Bucket: process.argv[2] };

// call S3 to retrieve the website configuration for selected bucket
s3.getBucketWebsite(bucketParams, function (err, data) {
  if (err) {
    console.log("Error", err);
  } else if (data) {
    console.log("Success", data);
  }
});
```

若要執行範例，請在命令列中輸入以下內容。

```
node s3_getbucketwebsite.js BUCKET_NAME
```

您可以在 [GitHub 上](https://github.com/awsdocs/aws-doc-sdk-examples/blob/master/javascript/example_code/s3/s3_getbucketwebsite.js)找到這個範本程式碼。

## 設定儲存貯體網站組態
<a name="s3-example-static-web-host-set-website"></a>

以檔名 `s3_setbucketwebsite.js` 建立一個 Node.js 模組。請務必依前述的內容來設定軟體開發套件。建立一個 `AWS.S3` 服務物件。

建立套用至儲存貯體網站組態的函數。該組態允許所選之儲存貯體用作靜態 web 託管。網站組態於 JSON 中指定。首先，建立包含所有值 (識別錯誤文件的 `Key` 值和識別索引文件的 `Suffix` 值除外) 的 JSON 物件以指定網站組態。

插入文字輸入元素的值至 JSON 物件中。準備該參數以供 `putBucketWebsite` 方法使用，包括儲存貯體名稱和 JSON 網站組態。

```
// Load the AWS SDK for Node.js
var AWS = require("aws-sdk");
// Set the region
AWS.config.update({ region: "REGION" });

// Create S3 service object
s3 = new AWS.S3({ apiVersion: "2006-03-01" });

// Create JSON for putBucketWebsite parameters
var staticHostParams = {
  Bucket: "",
  WebsiteConfiguration: {
    ErrorDocument: {
      Key: "",
    },
    IndexDocument: {
      Suffix: "",
    },
  },
};

// Insert specified bucket name and index and error documents into params JSON
// from command line arguments
staticHostParams.Bucket = process.argv[2];
staticHostParams.WebsiteConfiguration.IndexDocument.Suffix = process.argv[3];
staticHostParams.WebsiteConfiguration.ErrorDocument.Key = process.argv[4];

// set the new website configuration on the selected bucket
s3.putBucketWebsite(staticHostParams, function (err, data) {
  if (err) {
    // display error message
    console.log("Error", err);
  } else {
    // update the displayed website configuration for the selected bucket
    console.log("Success", data);
  }
});
```

若要執行範例，請在命令列中輸入以下內容。

```
node s3_setbucketwebsite.js BUCKET_NAME INDEX_PAGE ERROR_PAGE
```

您可以在 [GitHub 上](https://github.com/awsdocs/aws-doc-sdk-examples/blob/master/javascript/example_code/s3/s3_setbucketwebsite.js)找到這個範本程式碼。

## 刪除儲存貯體網站組態
<a name="s3-example-static-web-host-delete-website"></a>

以檔名 `s3_deletebucketwebsite.js` 建立一個 Node.js 模組。請務必依前述的內容來設定軟體開發套件。建立一個 `AWS.S3` 服務物件。

建立刪除所選儲存貯體網站組態的函數。您在呼叫 `deleteBucketWebsite` 方法時唯一需要傳遞的參數，就是所選取儲存貯體的名稱。

```
// Load the AWS SDK for Node.js
var AWS = require("aws-sdk");
// Set the region
AWS.config.update({ region: "REGION" });

// Create S3 service object
s3 = new AWS.S3({ apiVersion: "2006-03-01" });

var bucketParams = { Bucket: process.argv[2] };

// call S3 to delete website configuration for selected bucket
s3.deleteBucketWebsite(bucketParams, function (error, data) {
  if (error) {
    console.log("Error", err);
  } else if (data) {
    console.log("Success", data);
  }
});
```

若要執行範例，請在命令列中輸入以下內容。

```
node s3_deletebucketwebsite.js BUCKET_NAME
```

您可以在 [GitHub 上](https://github.com/awsdocs/aws-doc-sdk-examples/blob/master/javascript/example_code/s3/s3_deletebucketwebsite.js)找到這個範本程式碼。