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.
# Interaktion mit Amazon Simple Storage Service mit Komponenten und Automatisierungen
Sie können verschiedene Amazon S3 S3-Operationen von einer App Studio-App aus aufrufen. Sie könnten beispielsweise ein einfaches Admin-Panel erstellen, um Ihre Benutzer und Bestellungen zu verwalten und Ihre Medien von Amazon S3 aus anzuzeigen. Sie können zwar jeden Amazon S3 S3-Vorgang mit der AWS Aktion **Aufrufen aufrufen**, es gibt jedoch vier spezielle Amazon S3 S3-Aktionen, die Sie zu Automatisierungen in Ihrer App hinzufügen können, um allgemeine Operationen an Amazon S3 S3-Buckets und -Objekten durchzuführen. Die vier Aktionen und ihre Operationen lauten wie folgt:
+ **Objekt platzieren**: Verwendet den `Amazon S3 PutObject` Vorgang, um ein Objekt zu einem Amazon S3 S3-Bucket hinzuzufügen.
+ **Objekt abrufen**: Verwendet den `Amazon S3 GetObject` Vorgang, um ein Objekt aus einem Amazon S3 S3-Bucket abzurufen.
+ **Objekte auflisten**: Verwendet den `Amazon S3 ListObjects` Vorgang, um Objekte in einem Amazon S3 S3-Bucket aufzulisten.
+ **Objekt löschen**: Verwendet den `Amazon S3 DeleteObject` Vorgang, um ein Objekt aus einem Amazon S3 S3-Bucket zu löschen.
Zusätzlich zu den Aktionen gibt es eine **S3-Upload-Komponente**, die Sie Seiten in Anwendungen hinzufügen können. Benutzer können diese Komponente verwenden, um eine Datei zum Hochladen auszuwählen, und die Komponente ruft `Amazon S3 PutObject` auf, um die Datei in den konfigurierten Bucket und Ordner hochzuladen. In diesem Tutorial wird diese Komponente anstelle der eigenständigen Automatisierungsaktion „**Objekt platzieren**“ verwendet. (Die eigenständige Aktion sollte in komplexeren Szenarien verwendet werden, die zusätzliche Logik oder Aktionen beinhalten, die vor oder nach dem Hochladen ausgeführt werden müssen.)
## Voraussetzungen
In diesem Handbuch wird davon ausgegangen, dass Sie die folgenden Voraussetzungen erfüllt haben:
1. Erstellung und Konfiguration eines Amazon S3-Buckets, einer IAM-Rolle und -Richtlinie sowie eines Amazon S3 S3-Connectors, um Amazon S3 erfolgreich in App Studio zu integrieren. Um einen Connector zu erstellen, benötigen Sie die Administratorrolle. Weitere Informationen finden Sie unter [Connect zu Amazon Simple Storage Service (Amazon S3) her](connectors-s3.md).
## Erstellen Sie eine leere Anwendung
Erstellen Sie eine leere Anwendung, die Sie in diesem Handbuch verwenden können, indem Sie die folgenden Schritte ausführen.
**Um eine leere Anwendung zu erstellen**
1. Wählen Sie im Navigationsbereich **Meine Anwendungen** aus.
1. Wählen Sie **\$1 App erstellen**.
1. Geben Sie Ihrer Anwendung im Dialogfeld „**App erstellen**“ einen Namen, wählen Sie „**Von vorne beginnen**“ und **dann „Weiter**“.
1. Wählen **Sie im Dialogfeld Mit vorhandenen Daten verbinden** die Option **Überspringen** aus, um die Anwendung zu erstellen.
1. Wählen Sie **App bearbeiten**, um zur Arbeitsfläche Ihrer neuen App zu gelangen, wo Sie Komponenten, Automatisierungen und Daten verwenden können, um das Aussehen und die Funktion Ihrer Anwendung zu konfigurieren.
## Seiten erstellen
Erstellen Sie drei Seiten in Ihrer Anwendung, um Informationen zu sammeln oder anzuzeigen.
**Um Seiten zu erstellen**
1. Wählen Sie bei Bedarf den Tab **Seiten** oben auf der Leinwand aus.
1. In der linken Navigation befindet sich eine einzelne Seite, die mit Ihrer App erstellt wurde. Wählen Sie zweimal **\$1 Hinzufügen**, um zwei weitere Seiten zu erstellen. Im Navigationsbereich sollten insgesamt drei Seiten angezeigt werden.
1. Aktualisieren Sie den Namen der Seite **Page1**, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie das Ellipsensymbol und dann **Seiteneigenschaften.**
1. Wählen Sie im rechten **Eigenschaftenmenü** das Stiftsymbol, um den Namen zu bearbeiten.
1. Geben Sie die Eingabetaste ein **FileList** und drücken Sie die **Eingabetaste**.
1. Wiederholen Sie die vorherigen Schritte, um die zweite und dritte Seite wie folgt zu aktualisieren:
+ Benennen Sie **Page2** um in. **UploadFile**
+ Benennen Sie **Seite3** um in. **FailUpload**
Jetzt sollte Ihre App drei Seiten mit den Namen **FileList**, und haben **UploadFile**FailUpload****, die im **Seitenmenü** auf der linken Seite angezeigt werden.
Als Nächstes erstellen und konfigurieren Sie die Automatisierungen, die mit Amazon S3 interagieren.
## Automatisierungen erstellen und konfigurieren
Erstellen Sie die Automatisierungen Ihrer Anwendung, die mit Amazon S3 interagieren. Verwenden Sie die folgenden Verfahren, um die folgenden Automatisierungen zu erstellen:
+ Eine **GetFiles-Automatisierung**, die die Objekte in Ihrem Amazon S3 S3-Bucket auflistet, die zum Füllen einer Tabellenkomponente verwendet werden.
+ Eine **DeleteFile-Automatisierung**, die ein Objekt aus Ihrem Amazon S3 S3-Bucket löscht, das verwendet wird, um einer Tabellenkomponente eine Löschschaltfläche hinzuzufügen.
+ Eine **ViewFile-Automatisierung**, die ein Objekt aus Ihrem Amazon S3 S3-Bucket abruft und anzeigt. Dies wird verwendet, um weitere Details zu einem einzelnen Objekt anzuzeigen, das aus einer Tabellenkomponente ausgewählt wurde.
### Erstellen Sie eine Automatisierung `getFiles`
Erstellen Sie eine Automatisierung, die die Dateien in einem bestimmten Amazon S3 S3-Bucket auflistet.
1. Wählen Sie oben auf der Leinwand die Registerkarte **Automationen** aus.
1. Wählen Sie **\$1 Automatisierung hinzufügen**.
1. Wählen Sie im rechten Bereich **Eigenschaften** aus.
1. Aktualisieren Sie den Namen der Automatisierung, indem Sie das Stiftsymbol auswählen. Geben Sie ein **getFiles** und drücken **Sie die Eingabetaste**.
1. Fügen Sie eine Aktion **Objekte auflisten** hinzu, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie im rechten Bereich **Aktionen** aus.
1. Wählen Sie **Objekte auflisten**, um eine Aktion hinzuzufügen. Die Aktion sollte benannt werden`ListObjects1`.
1. Konfigurieren Sie die Aktion, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie die Aktion auf der Arbeitsfläche aus, um das **Eigenschaftenmenü** auf der rechten Seite zu öffnen.
1. Wählen Sie für **Connector** den Amazon S3 S3-Connector aus, den Sie aus den Voraussetzungen erstellt haben.
1. Geben Sie für **Konfiguration** den folgenden Text ein und *bucket\$1name* ersetzen Sie ihn durch den Bucket, den Sie in den Voraussetzungen erstellt haben:
```
{
"Bucket": "bucket_name",
"Prefix": ""
}
```
**Anmerkung**
Sie können das `Prefix` Feld verwenden, um die Antwort auf Objekte zu beschränken, die mit der angegebenen Zeichenfolge beginnen.
1. Die Ausgabe dieser Automatisierung wird verwendet, um eine Tabellenkomponente mit Objekten aus Ihrem Amazon S3 S3-Bucket zu füllen. Standardmäßig erzeugen Automatisierungen jedoch keine Ausgaben. Konfigurieren Sie die Automatisierung so, dass sie eine Automatisierungsausgabe erstellt, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie in der linken Navigationsleiste die **GetFiles-Automatisierung** aus.
1. Wählen Sie im rechten **Eigenschaftenmenü** unter **Automationsausgabe** die Option **\$1** Ausgabe hinzufügen.
1. Geben **\$1\$1results.ListObjects1.Contents\$1\$1** Sie für **Ausgabe** den Wert ein. Dieser Ausdruck gibt den Inhalt der Aktion zurück und kann nun zum Auffüllen einer Tabellenkomponente verwendet werden.
### Erstellen Sie eine Automatisierung `deleteFile`
Erstellen Sie eine Automatisierung, die ein Objekt aus einem angegebenen Amazon S3 S3-Bucket löscht.
1. **Wählen Sie im **Automationsbereich** auf der linken Seite die Option \$1 Hinzufügen.**
1. Wählen Sie **\$1 Automatisierung hinzufügen**.
1. Wählen Sie im rechten Bereich **Eigenschaften** aus.
1. Aktualisieren Sie den Namen der Automatisierung, indem Sie das Stiftsymbol auswählen. Geben Sie ein **deleteFile** und drücken **Sie die Eingabetaste**.
1. Fügen Sie einen Automatisierungsparameter hinzu, der verwendet wird, um Daten an eine Automatisierung zu übergeben, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie im rechten **Eigenschaftenmenü** unter **Automatisierungsparameter** die Option **\$1 Hinzufügen** aus.
1. Wählen Sie das Stiftsymbol, um den Automatisierungsparameter zu bearbeiten. Aktualisieren Sie den Parameternamen auf **fileName** und drücken Sie **die Eingabetaste**.
1. Fügen Sie eine Aktion **„Objekt löschen**“ hinzu, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie im rechten Bereich **Aktionen** aus.
1. Wählen Sie **Objekt löschen**, um eine Aktion hinzuzufügen. Die Aktion sollte benannt werden`DeleteObject1`.
1. Konfigurieren Sie die Aktion, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie die Aktion auf der Arbeitsfläche aus, um das **Eigenschaftenmenü** auf der rechten Seite zu öffnen.
1. Wählen Sie für **Connector** den Amazon S3 S3-Connector aus, den Sie aus den Voraussetzungen erstellt haben.
1. Geben Sie für **Konfiguration** den folgenden Text ein und *bucket\$1name* ersetzen Sie ihn durch den Bucket, den Sie in den Voraussetzungen erstellt haben:
```
{
"Bucket": "bucket_name",
"Key": params.fileName
}
```
### Erstellen Sie eine `viewFile` Automatisierung
Erstellen Sie eine Automatisierung, die ein einzelnes Objekt aus einem bestimmten Amazon S3 S3-Bucket abruft. Später werden Sie diese Automatisierung mit einer Datei-Viewer-Komponente konfigurieren, um das Objekt anzuzeigen.
1. Wählen Sie im **Automationsbereich** auf der linken Seite die Option **\$1** Hinzufügen.
1. Wählen Sie **\$1 Automatisierung hinzufügen**.
1. Wählen Sie im rechten Bereich **Eigenschaften** aus.
1. Aktualisieren Sie den Namen der Automatisierung, indem Sie das Stiftsymbol auswählen. Geben Sie ein **viewFile** und drücken **Sie die Eingabetaste**.
1. Fügen Sie einen Automatisierungsparameter hinzu, der verwendet wird, um Daten an eine Automatisierung zu übergeben, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie im rechten **Eigenschaftenmenü** unter **Automatisierungsparameter** die Option **\$1 Hinzufügen** aus.
1. Wählen Sie das Stiftsymbol, um den Automatisierungsparameter zu bearbeiten. Aktualisieren Sie den Parameternamen auf **fileName** und drücken Sie **die Eingabetaste**.
1. Fügen Sie eine Aktion „**Objekt abrufen**“ hinzu, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie im rechten Bereich **Aktionen** aus.
1. Wählen Sie **Objekt abrufen**, um eine Aktion hinzuzufügen. Die Aktion sollte benannt werden`GetObject1`.
1. Konfigurieren Sie die Aktion, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie die Aktion auf der Arbeitsfläche aus, um das **Eigenschaftenmenü** auf der rechten Seite zu öffnen.
1. Wählen Sie für **Connector** den Amazon S3 S3-Connector aus, den Sie aus den Voraussetzungen erstellt haben.
1. Geben Sie für **Konfiguration** den folgenden Text ein und *bucket\$1name* ersetzen Sie ihn durch den Bucket, den Sie in den Voraussetzungen erstellt haben:
```
{
"Bucket": "bucket_name",
"Key": params.fileName
}
```
1. Standardmäßig erzeugen Automatisierungen keine Ausgaben. Konfigurieren Sie die Automatisierung so, dass sie eine Automatisierungsausgabe erstellt, indem Sie die folgenden Schritte ausführen:
1. Wählen Sie in der linken Navigationsleiste die **ViewFile-Automatisierung** aus.
1. Wählen Sie im rechten **Eigenschaftenmenü** unter **Automationsausgabe** die Option **\$1** Ausgabe hinzufügen.
1. Geben **\$1\$1results.GetObject1.Body.transformToWebStream()\$1\$1** Sie für **Ausgabe** den Wert ein. Dieser Ausdruck gibt den Inhalt der Aktion zurück.
**Anmerkung**
Sie können die Antwort von auf folgende `S3 GetObject` Weise lesen:
`transformToWebStream`: Gibt einen Stream zurück, der zum Abrufen der Daten verbraucht werden muss. Wenn sie als Automatisierungsausgabe verwendet wird, verarbeitet die Automatisierung dies, und die Ausgabe kann als Datenquelle für eine Bild- oder PDF-Viewer-Komponente verwendet werden. Sie kann auch als Eingabe für eine andere Operation verwendet werden, z. `S3 PutObject`
`transformToString`: Gibt die Rohdaten der Automatisierung zurück und sollte in einer JavaScript Aktion verwendet werden, wenn Ihre Dateien Textinhalte wie JSON-Daten enthalten. Muss abgewartet werden, zum Beispiel: `await results.GetObject1.Body.transformToString();`
`transformToByteArray`: Gibt ein Array von 8-Bit-Ganzzahlen ohne Vorzeichen zurück. Diese Antwort dient dem Zweck eines Byte-Arrays, das das Speichern und Bearbeiten von Binärdaten ermöglicht. Muss abgewartet werden, zum Beispiel: `await results.GetObject1.Body.transformToByteArray();`
Als Nächstes fügen Sie den Seiten, die Sie zuvor erstellt haben, Komponenten hinzu und konfigurieren sie mit Ihren Automatisierungen, sodass Benutzer Ihre App zum Anzeigen und Löschen von Dateien verwenden können.
## Fügen Sie Seitenkomponenten hinzu und konfigurieren Sie sie
Nachdem Sie nun die Automatisierungen erstellt haben, die die Geschäftslogik und Funktionalität Ihrer App definieren, werden Sie Komponenten erstellen und beide miteinander verbinden.
### Fügen Sie der Seite Komponenten hinzu **FileList**
Die **FileList**Seite, die Sie zuvor erstellt haben, wird verwendet, um eine Liste der Dateien im konfigurierten Amazon S3 S3-Bucket und weitere Details zu jeder Datei anzuzeigen, die aus der Liste ausgewählt wurde. Gehen Sie dazu wie folgt vor:
1. Erstellen Sie eine Tabellenkomponente, um die Liste der Dateien anzuzeigen. Sie konfigurieren die Zeilen der Tabelle so, dass sie mit der Ausgabe der **GetFiles-Automatisierung** gefüllt werden, die Sie zuvor erstellt haben.
1. Erstellen Sie eine PDF-Viewer-Komponente, um ein einzelnes PDF anzuzeigen. Sie konfigurieren die Komponente so, dass sie eine aus der Tabelle ausgewählte Datei anzeigt, und verwenden dabei die **ViewFile-Automatisierung**, die Sie zuvor erstellt haben, um die Datei aus Ihrem Bucket abzurufen.
**Um Komponenten zur Seite hinzuzufügen **FileList****
1. Wählen Sie oben auf der Leinwand den Tab **Seiten**.
1. Wählen Sie im **Seitenbedienfeld auf** der linken **FileList**Seite die Seite aus.
1. Suchen Sie auf der rechten **Komponentenseite** nach der **Tabellenkomponente** und ziehen Sie sie in die Mitte der Arbeitsfläche.
1. Wählen Sie die Tabellenkomponente aus, die Sie der Seite gerade hinzugefügt haben.
1. **Wählen Sie im rechten **Eigenschaftenmenü** die Dropdownliste **Quelle** und dann Automatisierung aus.**
1. **Wählen Sie das **Drop-down-Menü Automatisierung** und wählen Sie die GetFiles-Automatisierung aus.** Die Tabelle verwendet die Ausgabe der **GetFiles-Automatisierung** als Inhalt.
1. Fügen Sie eine Spalte hinzu, die mit dem Namen der Datei gefüllt werden soll.
1. Wählen Sie auf der rechten Seite im **Eigenschaftenmenü** neben **Spalten** die Option **\$1 Hinzufügen**.
1. Wählen Sie das Pfeilsymbol rechts neben der **Spalte Spalte1**, die gerade hinzugefügt wurde.
1. Benennen Sie die **Spalte für Spaltenbezeichnung** in um. **Filename**
1. Geben Sie für **Wert** **\$1\$1currentRow.Key\$1\$1** ein.
1. Wählen Sie das Pfeilsymbol oben im Bedienfeld, um zum Hauptfenster „**Eigenschaften**“ zurückzukehren.
1. Fügen Sie eine Tabellenaktion hinzu, um die Datei nacheinander zu löschen.
1. Wählen Sie auf der rechten Seite im **Eigenschaftenmenü** neben **Aktionen** die Option **\$1 Hinzufügen** aus.
1. Benennen Sie **Button** unter **Aktionen** in um**Delete**.
1. Wählen Sie das Pfeilsymbol rechts neben der Aktion **Löschen**, die gerade umbenannt wurde.
1. Wählen **Sie unter Beim Klicken** die Option **\$1 Aktion hinzufügen** und dann **Automatisierung aufrufen** aus.
1. Wählen Sie die Aktion aus, die hinzugefügt wurde, um sie zu konfigurieren.
1. Für **Aktionsname** geben Sie **DeleteRecord** ein.
1. Wählen Sie unter **Automatisierung aufrufen** die Option aus**deleteFile**.
1. Geben **\$1\$1currentRow.Key\$1\$1** Sie in das Textfeld für den Parameter ein.
1. Geben Sie für **Wert** **\$1\$1currentRow.Key\$1\$1** ein.
1. Wählen Sie im rechten Bereich „**Komponenten**“, um das Komponentenmenü aufzurufen. Es gibt zwei Möglichkeiten, Dateien anzuzeigen:
+ Ein **Bildbetrachter** zum Anzeigen von Dateien mit der `.jpg` Erweiterung `.png``.jpeg`, oder.
+ Eine **PDF-Viewer-Komponente** zum Anzeigen von PDF-Dateien.
In diesem Tutorial werden Sie die **PDF-Viewer-Komponente** hinzufügen und konfigurieren.
1. Fügen Sie die **PDF-Viewer-Komponente** hinzu.
1. Suchen Sie auf der rechten **Komponentenseite** nach der **PDF-Viewer-Komponente** und ziehen Sie sie auf die Arbeitsfläche unter der Tabellenkomponente.
1. Wählen Sie die **PDF-Viewer-Komponente** aus, die gerade hinzugefügt wurde.
1. **Wählen Sie im rechten **Eigenschaftenmenü** die Dropdownliste **Quelle** und dann Automatisierung aus.**
1. **Wählen Sie das **Drop-down-Menü Automatisierung** und dann die ViewFile-Automatisierung aus.** Die Tabelle verwendet die Ausgabe der **ViewFile-Automatisierung** als Inhalt.
1. Geben **\$1\$1ui.table1.selectedRow["Filename"]\$1\$1** Sie in das Parametertextfeld ein.
1. Im rechten Bereich befindet sich auch ein Feld für **den Dateinamen**. Der Wert dieses Felds wird als Header für die PDF-Viewer-Komponente verwendet. Geben Sie denselben Text wie im vorherigen Schritt ein:**\$1\$1ui.table1.selectedRow["Filename"]\$1\$1**.
### Fügen Sie der **UploadFile**Seite Komponenten hinzu
Die **UploadFile**Seite wird eine Dateiauswahl enthalten, mit der Sie eine Datei auswählen und in den konfigurierten Amazon S3 S3-Bucket hochladen können. Sie fügen der Seite die **S3-Upload-Komponente** hinzu, mit der Benutzer eine Datei auswählen und hochladen können.
1. Wählen Sie im **Seitenbereich auf** der linken **UploadFile**Seite die Seite aus.
1. Suchen Sie auf der rechten **Komponentenseite** nach der **S3-Upload-Komponente** und ziehen Sie sie in die Mitte der Arbeitsfläche.
1. Wählen Sie die S3-Upload-Komponente aus, die Sie der Seite gerade hinzugefügt haben.
1. Konfigurieren Sie im rechten **Eigenschaftenmenü** die Komponente:
1. Wählen Sie in der Dropdownliste **Connector** den Amazon S3 S3-Connector aus, der in den Voraussetzungen erstellt wurde.
1. Geben Sie für **Bucket** den Namen Ihres Amazon S3 S3-Buckets ein.
1. Geben Sie als **Dateiname** ein**\$1\$1ui.s3Upload1.files[0]?.nameWithExtension\$1\$1**.
1. Geben Sie unter **Max. Dateigröße** den Wert **5** in das Textfeld ein und stellen Sie sicher, dass dieser Wert in der Dropdownliste ausgewählt **MB** ist.
1. Fügen Sie im Abschnitt **Trigger** Aktionen hinzu, die nach erfolgreichen oder erfolglosen Uploads ausgeführt werden, indem Sie die folgenden Schritte ausführen:
Um eine Aktion hinzuzufügen, die nach erfolgreichen Uploads ausgeführt wird:
1. Wählen Sie **unter Bei Erfolg** die Option **\$1 Aktion hinzufügen** und anschließend **Navigieren** aus.
1. Wählen Sie die Aktion aus, die hinzugefügt wurde, um sie zu konfigurieren.
1. Wählen Sie als **Navigationstyp** die Option **Seite** aus.
1. Wählen **Sie für Navigieren zu** die Option**FileList**.
1. Wählen Sie das Pfeilsymbol oben im Bedienfeld, um zum Hauptfenster „**Eigenschaften**“ zurückzukehren.
Um eine Aktion hinzuzufügen, die nach erfolglosen Uploads ausgeführt wird:
1. Wählen Sie **unter Bei einem Fehler** die Option **\$1 Aktion hinzufügen** und anschließend **Navigieren** aus.
1. Wählen Sie die Aktion aus, die hinzugefügt wurde, um sie zu konfigurieren.
1. Wählen Sie als **Navigationstyp** die Option **Seite** aus.
1. Wählen **Sie für Navigieren zu** die Option**FailUpload**.
1. Wählen Sie das Pfeilsymbol oben im Bedienfeld, um zum Hauptfenster „**Eigenschaften**“ zurückzukehren.
### Fügen Sie der **FailUpload**Seite Komponenten hinzu
Die **FailUpload**Seite ist eine einfache Seite mit einem Textfeld, das Benutzer darüber informiert, dass ihr Upload fehlgeschlagen ist.
1. Wählen Sie im **Seitenmenü auf** der linken **FailUpload**Seite die Seite aus.
1. Suchen Sie auf der rechten **Komponentenseite** nach der **Textkomponente** und ziehen Sie sie in die Mitte der Leinwand.
1. Wählen Sie die Textkomponente aus, die Sie der Seite gerade hinzugefügt haben.
1. Geben Sie im rechten **Eigenschaftenmenü** im Feld **Wert den** Text ein**Failed to upload, try again**.
## Aktualisieren Sie Ihre App-Sicherheitseinstellungen
Jede Anwendung in App Studio verfügt über Inhaltssicherheitseinstellungen, mit denen Sie externe Medien oder Ressourcen einschränken oder festlegen können, in welche Domänen in Amazon S3 Sie Objekte hochladen können. Die Standardeinstellung ist das Blockieren aller Domains. Um Objekte aus Ihrer Anwendung nach Amazon S3 hochzuladen, müssen Sie die Einstellung aktualisieren, um die Domains zuzulassen, in die Sie Objekte hochladen möchten.
**Um Domains für das Hochladen von Objekten auf Amazon S3 zuzulassen**
1. Wählen Sie den Tab **App-Einstellungen**.
1. Wählen Sie den Tab **Content Security Settings**.
1. Wählen **Sie für Quelle verbinden** die Option **Alle Verbindungen zulassen** aus.
1. Wählen Sie **Speichern**.
## Nächste Schritte: Zeigen Sie eine Vorschau der Anwendung an und veröffentlichen Sie sie zum Testen
Die Anwendung ist jetzt bereit zum Testen. Weitere Informationen zur Vorschau und Veröffentlichung von Anwendungen finden Sie unter[Anwendungen in der Vorschau anzeigen, veröffentlichen und teilen](applications-preview-publish-share.md).