Cross-Origin Resource Sharing (CORS) - AWS SDK for JavaScript

Wir haben das Kommende end-of-support für AWS SDK for JavaScript v2 angekündigt. Wir empfehlen Ihnen, auf AWS SDK for JavaScript Version 3 zu migrieren. Termine, weitere Details und Informationen zur Migration finden Sie in der verlinkten Ankündigung.

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Cross-Origin Resource Sharing (CORS)

Bei Cross-Origin Resource Sharing oder CORS handelt es sich um eine Sicherheitsfunktion der modernen Webbrowser. Es ermöglicht Webbrowsern zu verhandeln, welche Domänen Anforderungen von externen Websites oder Services senden können. CORS ist ein wichtiger Aspekt bei der Entwicklung von Browseranwendungen mit dem AWS SDK for JavaScript, da die meisten Anforderungen an Ressourcen an eine externe Domäne, wie z. B. der Endpunkt für einen Webservice, gesendet werden. Wenn Ihre JavaScript-Umgebung die CORS-Sicherheit erzwingt, müssen Sie CORS mit dem Service konfigurieren.

Ob die Freigabe von Ressourcen in einer ursprungsübergreifenden Anforderung zulässig ist, bestimmt CORS basierend auf:

  • Der spezifischen Domäne, die die Anforderung sendet

  • Dem Typ der HTTP-Anforderung, die gesendet wird (GET, PUT, POST, DELETE usw.)

So funktioniert CORS

Im einfachsten Fall sendet Ihr Browser-Skript eine GET-Anforderung für eine Ressource von einem Server in einer anderen Domäne. Abhängig von der CORS-Konfiguration dieses Servers, wenn die Anforderung von einer Domäne stammt, die berechtigt ist, GET-Anforderungen abzusenden, reagiert der ursprungsübergreifende Server, indem er die angeforderte Ressource zurück gibt.

Wenn entweder die anfordernde Domäne oder der Typ der HTTP-Anforderung nicht autorisiert ist, wird die Anforderung abgelehnt. CORS jedoch ermöglicht ein Preflight der Anforderung, bevor sie tatsächlich abgesendet wird. In diesem Fall wird eine Preflight-Anforderung ausgeführt, in der die OPTIONS-Zugriffsanforderungsoperation gesendet wird. Wenn die CORS-Konfiguration des ursprungsübergreifenden Servers Zugriff auf die anfordernde Domäne gewährt, sendet der Server eine Preflight-Antwort zurück, die alle HTTP-Anforderungstypen aufführt, die die anfordernde Domäne für die angeforderte Ressource vornehmen kann.

Prozessablauf für CORS-Anforderungen

Ist die CORS-Konfiguration erforderlich

Amazon S3 S3-Buckets benötigen die CORS-Konfiguration, bevor Sie Operationen an ihnen ausführen können. In einigen JavaScript-Umgebungen wird CORS möglicherweise nicht erzwungen und daher ist das Konfigurieren von CORS nicht erforderlich. Beispiel: Wenn Sie Ihre Anwendung aus einem Amazon S3 S3-Bucket hosten und auf Ressourcen aus*.s3.amazonaws.comoder einem anderen spezifischen Endpunkt, Ihre Anforderungen greifen nicht auf eine externe Domäne zu. Aus diesem Grund benötigt diese Konfiguration kein CORS. In diesem Fall wird CORS immer noch für andere Services als Amazon S3 verwendet.

Konfigurieren von CORS für einen Amazon-S3-Bucket

Sie können einen Amazon-S3-Bucket zur Verwendung von CORS in der Amazon S3 S3-Konsole konfigurieren.

  1. Wählen Sie in der Amazon-S3-Konsole den Bucket aus, den Sie bearbeiten möchten.

  2. Wählen Sie dasBerechtigungenTab, und schimpfen Sie nach unten zumCross-Origin Resource Sharing (CORS)-Bedienfeld.

    CORS-Konfigurationseditor in Amazon S3 zum Festlegen der CORS-Konfiguration eines Buckets
  3. Klicken Sie aufBearbeiten, und geben Sie Ihre CORS-Konfiguration imCORS-Konfigurationseditor, dann wählenSaveaus.

Eine CORS-Konfiguration ist eine XML-Datei mit einer Reihe von Regeln innerhalb eines <CORSRule>. Eine Konfiguration kann bis zu 100 Regeln enthalten. Eine Regel wird durch eines der folgenden Tags definiert:

  • <AllowedOrigin>, das Domänenursprünge angibt, denen Sie erlauben, domänenübergreifende Anforderungen zu senden.

  • <AllowedMethod>, das einen Typ der Anforderung angibt, den Sie (GET, PUT, POST, DELETE, HEAD) in domänenübergreifenden Anforderungen erlauben.

  • <AllowedHeader>, das die Header angibt, die in einer Preflight-Anforderung zulässig sind.

Beispielkonfigurationen finden Sie unterWie konfiguriere ich CORS für meinen Bucket?imAmazon Simple Storage Service — Benutzerhandbuchaus.

CORS-Konfigurationsbeispiel

Das folgende CORS-Konfigurationsbeispiel ermöglicht Benutzern das Anzeigen, Hinzufügen, Entfernen oder Aktualisieren von Objekten innerhalb eines Buckets aus der Domäne example.org, aber es wird empfohlen, dass Sie <AllowedOrigin> auf die Domäne Ihrer Website anwenden. Sie können "*" angeben, sodass jeder Ursprung zulässig ist.

Wichtig

In der neuen S3-Konsole muss die CORS-Konfiguration JSON sein.

XML
<?xml version="1.0" encoding="UTF-8"?> <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> <CORSRule> <AllowedOrigin>https://example.org</AllowedOrigin> <AllowedMethod>HEAD</AllowedMethod> <AllowedMethod>GET</AllowedMethod> <AllowedMethod>PUT</AllowedMethod> <AllowedMethod>POST</AllowedMethod> <AllowedMethod>DELETE</AllowedMethod> <AllowedHeader>*</AllowedHeader> <ExposeHeader>ETag</ExposeHeader> <ExposeHeader>x-amz-meta-custom-header</ExposeHeader> </CORSRule> </CORSConfiguration>
JSON
[ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "HEAD", "GET", "PUT", "POST", "DELETE" ], "AllowedOrigins": [ "https://www.example.org" ], "ExposeHeaders": [ "ETag", "x-amz-meta-custom-header"] } ]

Diese Konfiguration autorisiert den Benutzer nicht, Aktionen für den Bucket auszuführen. Sie aktiviert das Sicherheitsmodell des Browsers, um eine Anforderung an Amazon S3 zu gestatten. Berechtigungen müssen über Bucket-Berechtigungen oder IAM-Rollenberechtigungen konfiguriert werden.

Sie könnenExposeHeaderum das SDK Antwort-Header lesen zu lassen, die von Amazon S3 zurückgegeben werden. Wenn Sie beispielsweise den ETag-Header aus einem PUT- oder mehrteiligen Upload lesen möchten, müssen Sie das ExposeHeader-Tag in Ihrer Konfiguration einschließen, wie im vorherigen Beispiel gezeigt. Das SDK kann nur auf Header zugreifen, die über die CORS-Konfiguration bereitgestellt werden. Wenn Sie Metadaten für das Objekt festlegen, werden Werte als Header mit dem Präfix x-amz-meta- zurückgegeben, wie z. B. x-amz-meta-my-custom-header, und müssen auch auf die gleiche Weise bereitgestellt werden.