You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
# FileManager for DevExtreme - Amazon S3 Client-Side Binding
8
7
9
-
This example illustrates how to use the custom file provider to connect the FileManager component to the Amazon Simple Storage Service on the client side. The [Custom File System Provider](https://js.devexpress.com/Documentation/ApiReference/UI_Components/dxFileManager/File_System_Providers/Custom) allows you to implement custom APIs to handle file operations (add, delete, rename, etc.). All APIs that implement access to Amazon S3 on the client are stored in the amazon.file.system.js file (app.service.ts - for Angular framework).
10
-
On the Amazon S3, create a bucket, create a user and add permissions to access the created bucket.
8
+
This example illustrates how to use the custom file provider to connect the FileManager component to the Amazon Simple Storage Service (S3) on the client side. The [Custom File System Provider](https://js.devexpress.com/Documentation/ApiReference/UI_Components/dxFileManager/File_System_Providers/Custom) allows you to implement custom APIs to handle file operations (add, delete, rename, etc.). All APIs that implement access to Amazon S3 on the client are stored in the amazon.file.system.js file (app.service.ts - for Angular framework).
9
+
On the Amazon Simple Storage Service, create a bucket, create a user and add permissions to access the created bucket.
11
10
12
-
If you run an Angular, React, Vue, or jQuery example, you need to also run a .NET-based backend project - **Amazon_Backend**. To connect this project to an Amazon S3 server, you need to specify Amazon credentials of the user created previously. You need to add `AWS_ACCESS_KEY_ID`, `AWS_SECRET_ACCESS_KEY` and `AWS_DEFAULT_REGION` environment variables on your local machine or update the `AWS` section in [appsettings.json](Amazon_Backend/appsettings.json):
11
+
If you run an Angular, React, Vue, or jQuery example, you need to also run a .NET-based backend project - **Amazon_Backend**. To connect this project to an Amazon S3 server, you need to specify Amazon credentials of the user created previously. You need to update the `AWS` section in [appsettings.json](Amazon_Backend/appsettings.json):
13
12
14
13
```json
15
14
"AWS": {
16
15
"AccessKey": "yourAccessKey",
17
16
"SecretKey": "yourSecretKey",
18
-
"BlobName": "blobName",
19
-
"Region": "region"
17
+
"Region": "region",
18
+
"Bucket": "your bucket name"
20
19
},
21
20
```
22
21
@@ -43,5 +42,6 @@ If you run an Angular, React, Vue, or jQuery example, you need to also run a .NE
43
42
44
43
## More Examples
45
44
45
+
-[File Manager for DevExtreme - Direct Upload to Amazon](https://github.com/DevExpress-Examples/devextreme-file-manager-direct-upload-to-amazon)
46
46
-[FileManager for DevExtreme - Azure Server-Side Binding](https://github.com/DevExpress-Examples/devextreme-file-manager-azure-server-side-binding)
47
47
-[FileUploader for DevExtreme - Direct Upload to Azure](https://github.com/DevExpress-Examples/devextreme-file-uploader-direct-upload-to-azure)
0 commit comments