Hosting Không Đủ Dung Lượng Chứa Ảnh ? Đây Là Giải Pháp !

Last updated on Tháng Năm 21st, 2020 at 10:22 sáng

Bạn đang tìm giải pháp lưu trữ hình ảnh thay thế cho Hosting của Website ? Bạn cần 1 plugin có tốc độ đồng bộ hình ảnh giữa Website WordPress và Cloud với tốc độ bàn thờ ? WP Media Folder Cloud Addon là một giải pháp không thể tuyệt vời hơn !

* Lưu ý: đây là một ADDON của plugin WP Media Folder, vì vậy các bạn phải cài đặt plugin WP Media Folder trước rồi mới xài được WP Media Folder Cloud Addon này nhé !

Mình đã có biên một bài giới thiệu hơi bị chi tiết về plugin này, các bạn xem qua tại đây: Giới Thiệu & Hướng Dẫn Sử Dụng Plugin WP Media Folder

Hosting Không Đủ Dung Lượng - WP Media Folder Cloud Addon
Hosting Không Đủ Dung Lượng – WP Media Folder Cloud Addon

Giới thiệu WP Media Folder Cloud Addon

Thì đây là một addon hỗ trợ thêm cho plugin chính, chức năng chính là tạo ra 1 cầu nối dùng để lưu trữ hình ảnh, tài liệu, video giữa website và storage cloud của bạn (Google Drive, One Drive, Drop Box) và đồng bộ hóa liên tục giữa 2 bên. 

Tính năng chính:

  • Là 1 giải pháp lưu trữ hình ảnh hosting tốt nhất.
  • Đồng bộ hóa tài liệu từ website sang cloud và ngược lại.
  • Cho phép thêm, sửa, xóa, đổi tên tài liệu.
  • Hỗ trợ kéo thả file, tạo folder.
Hosting Không Đủ Dung Lượng - WP Media Folder Cloud Addon
Hosting Không Đủ Dung Lượng – WP Media Folder Cloud Addon

Cách cấu hình WP Media Folder Cloud Addon

Nguyên liệu: bạn cần có các tài khoản sau:

  • Google Drive. (Unlimited càng tốt)
  • Google Photo.
  • One Drive.
  • One Drive Business.
  • Dropbox.
  • Amazon S3.

Việc còn lại chỉ là cấu hình để nó hoạt động theo ý muốn nữa là xong.

Sau khi active cả 2 plugin là: WP Media Folder và WP Media Folder Cloud Addon thì các bạn sẽ tìm thấy 2 đứa này tại Cài Đặt -> WP Media Folder. Ở đây mình sẽ đi sâu vô thằng Cloud Addon.

Hosting Không Đủ Dung Lượng - WP Media Folder Cloud Addon
Đang viết bài lấy tiền mua bản quyền Windows xài

Ở đây mình sẽ hướng dẫn cấu hình Google Drive / Google Photo / One Drive / One Drive Business. Vì đây là những Storage Cloud phổ biến, nếu muốn mình làm thêm thì các bạn phản hồi lại phía dưới bài viết giúp mình. Mình sẽ cập nhật tiếp nha.

Tài liệu tiếng Anh cho bạn nào cần:

Google Drive: https://www.joomunited.com/wordpress-documentation/wp-media-folder/286-wp-media-folder-addon-google-drive-integration

Google Photo: https://www.joomunited.com/wordpress-documentation/wp-media-folder/333-wp-media-folder-addon-google-photos-integration

One Drive: https://www.joomunited.com/wordpress-documentation/wp-media-folder/287-wp-media-folder-addon-onedrive-personal-integration

One Drive Business: https://www.joomunited.com/wordpress-documentation/wp-media-folder/288-wp-media-folder-addon-onedrive-business-integration

Cấu hình Google Drive

Để lưu trữ hình ảnh thoải mái mà không sợ hosting không đủ dung lượng thì mình khuyên các bạn dùng tài khoản Google Drive Unlimited, thông thường các bạn có tài khoản Gmail đuôi “.edu” sẽ có được dung lượng Google Drive không giới hạn. Ngoài ra thì các bạn có thể mua thêm dung lượng hoặc dùng mua tài khoản GG Drive không giới hạn trên Google.

Hosting Không Đủ Dung Lượng - WP Media Folder Cloud Addon
Giao diện cấu hình của Google Drive

Media Link Type:

  • Public link: dùng tính năng share link của Google Drive làm link hình ảnh của website để hiển thị. Ví dụ: drive.google.com/uc?id=1nfgmxJFadAlY0lSCRRezE2FQnIW
  • Private link: dùng tính năng AJAX để mã hóa link, vì vậy nếu muốn xem hình ảnh, người xem bắt buộc phải đăng nhập vào mới xem được.

Bước 1: Truy cập vào https://console.developers.google.com/project => Login tài khoản Gu Gờ => Create 1 project (tên Project thì các bạn có thể đặt tên theo website cũng được)

Hosting Không Đủ Dung Lượng Chứa Ảnh ? Đây Là Giải Pháp !
Tạo 1 project mới
Hosting Không Đủ Dung Lượng Chứa Ảnh ? Đây Là Giải Pháp !
Đặt tên Project cho nó hay và dễ nhớ nha
Hosting Không Đủ Dung Lượng Chứa Ảnh ? Đây Là Giải Pháp !
Thông báo tạo Project thành công

Bước 2: Enable Google Drive API

 

 

Tìm và chọn Google Drive API
Enable Google Drive API

 

Bước 3: Tạo OAuth consent screen

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Chọn External
WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Nhập vào 1 số thông tin cần thiết như tên application, logo, chính sách, điều khoản của website, …
WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Mục Authorized domains thì các bạn gõ domain website của mình vào (không có http hay https)

  • Lưu ý:
    • Application Hompage link: domain của website (bao gồm https hoặc http)
    • Application Privacy Policy link: link Chính sách bảo mật của website. Nếu website của bạn không có thì nên tạo 1 trang rồi paste link vào đây. 
    • Application Terms of Service link: link Chính sách và điều khoản dịch vụ của website. Mục này có hay ko cũng không sao.

Bước 3: Domain Verification

Thêm tên domain của website vào Domain verification bằng cách vào Domain verification và chọn Add domain.

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Add domain của bạn vào Domain Verification

Bước 4: Tạo CREDENTIALS

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Sau đó là tạo credentials
WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Chọn OAuth client ID nhé
WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Điền đầy đủ thông tin vào form Create OAuth, quan trọng nhất là Authorized Redirect URLs

Application type: Web application.

Name: tên của website.

Authorized JavaScript origins: domain của website. (có http hoặc https)

Authorized redirect URLs có dạng: https://ten-domain/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated (thay ten-domain bằng tên website của bạn nhé)

Wp Media Folder Cloud Addon - Google Drive

Sau khi có được Client IDClient Secret, hãy copy và paste vào giao diện cấu hình của WP Media Folder

Wp Media Folder Cloud Addon - Google Drive
Sau khi paste Client ID và Client Secret vào thì nhanh tay nhấn vào Connect Google Drive

Wp Media Folder Cloud Addon - Google Drive

Wp Media Folder Cloud Addon - Google Drive
Sau khi cấu hình hoàn tất thì tại Google Drive sẽ xuất hiện 1 folder có tên là: “WP Media Folder – Tên Website”
  • Lưu ý:
    • Tất cả hình ảnh, tài liệu đồng bộ với website đều phải nằm trong Folder Cha (WP Media Folder – Tên Website) này.
    • Không được xóa Folder cha, nếu có lỡ tay xóa thì phải tạo lại Project mới ở bước 1 từ đầu.
Wp Media Folder Cloud Addon - Google Drive
Và đây là kết quả

Cấu hình Google Photo

Cách làm cũng y chang khi làm với Google Drive, chỉ khác ở bước 2: thay vì chọn Google Drive API thì mình sẽ chọn Photos Library API

Wp Media Folder Cloud Addon - Google Photo
Wp Media Folder Cloud Addon – Google Photo

Và đây là kết quả:

Wp Media Folder Cloud Addon - Google Photo
Wp Media Folder Cloud Addon – Google Photo

Cấu hình One Drive

One Drive cũng là một Cloud Storage khá phổ biến với anh em IT. Nên mình làm luôn 1 lượt. Các bạn lưu ý One Drive và One Drive Business cách làm giống nhau, và chỉ khác loại tài khoản thôi nhé.

Ok bắt đầu thôi !

Bước 1: Vào link: https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationsListBlade và login tài khoản Microsoft và chọn New registration.

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Tạo 1 app registration mới

 

Bước 2: Điền thông tin vào Form Register an application

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Paster link Redirect URLs tại giao diện cài đặt của One Drive vào Form như hình

Bước 3: Đặt thời hạn cho Key Client Secrects

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Vào Certificates & secrets => Client secrets => New client secret => Chọn vào Never

Sau khi nhấn Add thì kết quả như thế này:

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Copy cái Client secrets value này trước đi nha !

 

Bước 4: Vào tab Overview => Copy Application ID

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Paste key của Application ID và Client Secret đã copy lúc nãy

Bước 5: Connect

Sau khi đã paste hoàn tất 2 key trên thì chúng ta bắt đầu tạo Connect Onedrive

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Tiếp theo là nhấn vào nút Connect OneDrive

Chọn Yes khi xuất hiện 1 hộp thoại Confirm

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Chọn Yes nhé các bạn

Kết quả đạt được:

WP Media Folder Cloud Addon - Giải pháp cho hosting không đủ dung lượng chứa ảnh
Đã kết nối One Drive thành công cùng Google Drive

À quên mất, vì đây là plugin có phí nên mình đã mua về để chia sẻ với các bạn đây, các bạn tải về sử dụng thoải mái nhé: https://drive.google.com/drive/folders/1BBLW565exAYD_acOuYgti86Ev51D48xP?usp=sharing

Tổng kết

Theo Hướng dẫn WordPress cơ bản thấy thì đây là giải pháp lưu trữ hình ảnh hosting tốt nhất khi mà hosting không đủ dung lượng để chứa hình ảnh, tài liệu. Và việc đồng bộ hình ảnh giữa Cloud và Website nhanh hay chậm tùy thuộc vào tốc độ của mạng. Nên khi tiến hành đồng bộ, hãy đảm bảo rằng tốc độ mạng nhà bạn nhanh và ổn định nhé !

Xem thêm: Cập nhật ngày tháng tự động cho tiêu đề bài viết WordPress

(Visited 238 times, 1 visits today)
0 0 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x