CKFinder 3

CKFinder 3 là trình quản lý tập tin được tích hợp với CKEditor 4 và CKEditor 5. Nó giúp bạn dễ dàng đưa các tập tin và hình ảnh vào nội dung của Editor một cách an toàn.

Đây là một tính năng có phí và bạn cần có một giấy phép để sử dụng nó, ngoài giấy phép thương mại của CKEditor của bạn.

Amazon S3

Amazon S3 là một dịch vụ lưu trữ đối tượng cung cấp khả năng thay đổi quy mô, mức độ sẵn sàng của dữ liệu, độ bảo mật và hiệu suất hàng đầu trong ngành.

Khách hàng thuộc mọi quy mô và ngành nghề có thể lưu trữ và bảo vệ dữ liệu thuộc mọi kích thước cho hầu hết tất cả các trường hợp sử dụng, chẳng hạn như hồ dữ liệu, ứng dụng hoạt động trên đám mây và ứng dụng di động.

Thực hiện kết nối  Amazon S3 với CKFinder

Trước khi, bắt đầu thực hiện tính năng này, bạn cần phải tích hợp CKFinder vào CKEditor trong Laravel (Phiên bản được áp dụng trong bài viết là Laravel 11).

Nếu bạn chưa thực hiện setting nào liên quan đến CKFinder và CKEditor trong Laravel thì bạn có thể tham khảo lại bài viết sau:

● Integrating CKEditor 5 in Laravel 10 using Vite

● Integrating CKFinder Into CKEditor 5 In Laravel

Dưới đây là các thông số kỹ thuật cần thiết để config Amazon S3 storage cho CKFinder:

Option Name Type Mô tả
name Boolean Unique name của backend.
adapter String Type adapter được sử dụng bởi backend - s3 cho Amazon S3
bucket String Bucket name.
region String Region identifier. Danh sách regions và endpoints xem tại đây.
key String Access key.
secret String Secret value.

signature

(Optional)

String

Signature version cho region (mặc định là v4).

Danh sách regions và supported signature versions tại đây.

visibility

(Optional)

String

Khả năng hiển thị của các tập tin.

Mặc định là private, nghĩa là các tập tin upload lên S3 không thể truy cập trực tiếp.

Để cho phép truy cập trực tiếp, bạn hãy đặt giá trị này thành public.

baseUrl

(Optional)

String

Base URL được sử dụng để truy cập các tập tin CKFinder trên Amazon S3.

Nếu các tập tin công khai, bạn có thể tìm common prefix của chúng tương tự như bên dưới:

https://s3-eu-west-1.amazonaws.com/bucket

root

(Optional)

String

Đường dẫn thư mục chứa tập tin người dùng của CKFinder.

Thư mục này phải tồn tại trên Server.

useProxyCommand

(Optional) (3.1.0)

Boolean Liệu các liên kết đến các tập tin được lưu trữ trên backend này có nên trỏ đến lệnh Proxy hay không.

Tiếp theo, chúng ta hãy mở tập tin config/ckfinder.php và điều chỉnh các thông số cần thiết của ['backends']['default'] để có thể kết nối với Amazon S3 như sau:

$config['backends']['default'] = array(
    'name'         => 'default',
    'adapter'      => 's3',
    'bucket'       => env('AWS_BUCKET'),
    'region'       => env('AWS_DEFAULT_REGION'),
    'key'          => env('AWS_ACCESS_KEY_ID'),
    'secret'       => env('AWS_SECRET_ACCESS_KEY'),
    'visibility'   => 'public',
    'baseUrl'      => env('AWS_URL'),
    'root'         => '/',
);

Tiếp theo, bạn cần tạo AWS access key nếu bạn chưa thực hiện điều này. Để biết thêm chi tiết, bạn có thể tham khảo tài liệu chính thức của Amazon Web Services.

Lưu ý quan trọng: Hãy tuân thủ các Best Practices của IAM và tránh sử dụng AWS root access key trực tiếp để đảm bảo an toàn.

Cuối cùng, chúng ta hãy mở tập tin .env và cung cấp các thông tin cần thiết như sau:

AWS_ACCESS_KEY_ID=xxxxxx
AWS_SECRET_ACCESS_KEY=xxxxxx
AWS_DEFAULT_REGION=xxxxxx
AWS_BUCKET=xxxxxx
AWS_URL=xxxxxx

Kết quả của công việc bạn đã làm đang chờ bạn khám phá!

Sau khi đã cùng nhau hoàn thành những bước trên, giờ đây chúng ta hãy cùng nhau khám phá và tận hưởng thành quả của công sức mình.

Chúng ta hãy mở trình duyệt lên và truy cập vào địa chỉ  http://127.0.0.1 để chiêm ngưỡng kết quả do chính bản thân chúng ta tạo ra 🤤🤤🤤🏆🍨🍨🍨.

CÓ THỂ BẠN QUAN TÂM

Document Laravel API With OpenAPI (Swagger)

Document Laravel API With OpenAPI (Swagger)

Swagger là gì? Swagger là một Ngôn ngữ mô tả giao diện để mô tả các API RESTful được thể hiện bằng JSON. Swagger được sử dụng cùng với một bộ công cụ phần mềm mã nguồn mở để thiết kế, xây dựng, l...

Export CSV from SQL Server - Import into MySQL with Laravel

Export CSV from SQL Server - Import into MySQL with Laravel

Transfer Database Trong quá trình phát triển và bảo trì dự án, việc di chuyển cơ sở dữ liệu từ hệ thống này sang hệ thống khác là một nhiệm vụ khá phổ biến. Giả sử bạn cần di chuyển dữ liệu từ SQ...

How To Optimize Your Site With GZIP Compression

How To Optimize Your Site With GZIP Compression

GZIP là công nghệ nén thường được sử dụng để truyền dữ liệu một cách nhanh chóng qua Insternet. Hiện nay, GZIP là một tiêu chuẩn để nén các file trên trang web, đa số các website hiện nay hơn 99% sử d...

Laravel View

Laravel View

View là gì? Đây là phần giao diện (theme) dành cho người sử dụng. Nơi mà người dùng có thể lấy được thông tin dữ liệu của MVC thông qua các thao tác truy vấn như tìm kiếm hoặc sử dụng thông qua các...

Laravel Many to Many Eloquent Relationship

Laravel Many to Many Eloquent Relationship

Many To many Relationship là mối quan hệ hơi phức tạp hơn mối quan hệ 1 - 1 và 1- n. Ví dụ một user có thể có nhiều role khác nhau, trong đó role cũng được liên kết với nhiều user khác nhau. Vì vậy...

Laravel Socialite Login With Google

Laravel Socialite Login With Google

Google Google là một công cụ tìm kiếm trên internet. Nó sử dụng một thuật toán độc quyền được thiết kế để truy xuất và sắp xếp các kết quả tìm kiếm nhằm cung cấp các nguồn dữ liệu đáng tin cậy và ph...

Laravel Queues and Jobs

Laravel Queues and Jobs

Các công ty có thẻ gặp khó khăn trong việc quản lý các dịch vụ hoặc ứng dụng của họ. Ví dụ, các công ty các thực hiện gửi email cho hàng triệu người dùng hoặc thực hiện sao lưu dữ liệu. Tất cả các hoạ...

Laravel Has Many Through Eloquent Relationship

Laravel Has Many Through Eloquent Relationship

Has Many Through Relationship hơi phức tạp để hiểu một cách đơn giản, nó sẽ cung cấp cho chúng ta một con đường tắt để có thể truy cập dữ liệu của một quan hệ xa xôi thông qua một mối quan hệ trung gi...

Laravel Mail Sending Redirector Listener

Laravel Mail Sending Redirector Listener

Trong quá trình phát triển web, việc gửi email là một chức năng quan trọng để thông báo, đặt lại mật khẩu, hoặc tương tác với người dùng. Tuy nhiên, khi chúng ta đang trong quá trình phát triển, vi...

ManhDanBlogs