Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » Hướng dẫn Upload ảnh lên Google Cloud Storage từ WordPress Media

Hướng dẫn Upload ảnh lên Google Cloud Storage từ WordPress Media

Thứ Hai, 17/02/2020 by Hoàng Quách

Nội dung

  • 1 Di chuyển WordPress Media sang Google Cloud Storage (CDN)
  • 2 Tạo service account
  • 3 Tạo lưu trữ Bucket
  • 4 Tích hợp WordPress với GCS
    • 4.1 Kết luận
  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Tải WordPress media sang Google Cloud Storage (GCS) là một cách tạo CDN thông minh để xử lý các request cho hình ảnh, giúp website chạy nhanh hơn.

Xem thêm bài viết tối ưu trang web WordPress.

Di chuyển WordPress Media sang Google Cloud Storage (CDN)

Google cung cấp lưu trữ trong điện toán đám mây mà bạn có thể sử dụng để lưu trữ hình ảnh, file. Nếu bạn có một lượng lớn hình ảnh sử dụng trên trang web WordPress của bạn và muốn tối ưu hóa hình ảnh giảm băng thông, thì Google cloud storage có thể hữu ích trong nhiều cách khác nhau.

  • Giảm chi phí băng thông
  • Phục vụ nội dung nhanh hơn thông qua Google low-latency
  • Giảm chi phí lưu trữ

Sau đây, tôi sẽ giải thích từng bước làm thế nào để tích hợp WordPress với Google Cloud Storage .

Lưu ý: Bạn phải tạo một tài khoản trên nền tảng đám mây của Google để sử dụng dịch vụ của họ.

Tạo service account

Đầu tiên, chúng ta cần tạo service account  mà sẽ được sử dụng để kết nối từ WordPress.

  • Truy cập Service Accounts dưới mục IAM & Admin, hoặc nhấn vào đây.
  • Nhấn create a service account
  • Nhập tên tài khoản dịch vụ và mô tả và nhấp vào nút CREATE

tạo google service account

  • Google sẽ đưa bạn đến bước tiếp theo để bạn sẽ gán các vai trò (role) trong quyền sử dụng , ở đây mình chọn role “Storage Admin”. Nhấp vào Continue

gcp service account role 

  • Trên màn hình tiếp theo, nhấp vào Create Key. Một cửa sổ khác ở phía bên phải sẽ xuất hiện, bạn chọn JSON và nhấn Create.

gcp json key

  • Đợi 1 lúc trình duyệt sẽ tải về tập tin JSON về máy tính.

Tạo lưu trữ Bucket

Tiếp theo, chúng ta cần tạo bucket  sẽ được sử dụng để lưu trữ các tập tin media WordPress.

  • Đăng nhập vào Google Cloud và đi đến Storage >> browser (hoặc nhấn vào đây)
  • Nhấp vào Tạo Bucket

tạo bucket

  • Nhập tên bucket (phải là tên duy nhất)
  • Chọn lớp lưu trữ (chọn multi-regional để tận dụng được toàn bộ hiệu suất)
  • Chọn một khu vực gần với người dùng của bạn.
  • Chọn quyền sử dụng bucket và nhấn Create

tạo bucket

  • Nó sẽ mất một vài giây để khởi tạo, và bạn sẽ thấy bucket mới được tạo ra trong danh sách.

Để có thể truy cập được file trên bucket, bạn cần thiết lập chế độ đọc theo mặc định cho tất cả những người sử dụng sẽ truy cập từ trang web và do đó có thể xem các tập tin media.

  • Nhấp vào bucket vừa mới tạo.
  • Chuyển đến tab permissions và nhấn vào Add members.
  • Nhập AllUsers trong trường members và chọn role là Storage Object Viewer , sau đó nhấp vào Add.

gcs add member

Lưu ý : hãy cẩn thận khi gán vai trò là  AllUsers . Vì nó sẽ cấp phép “quền quản trị”  viên hoặc “chủ sở hữu” cho bất cứ ai để nắm quyền kiểm soát của bucket. Vì vậy, ở đây mình chỉ thiết lập quyền chỉ xem mà thôi.

Tạo bucket lưu trữ  đã hoàn tất ! Bước tiếp theo chúng ta hãy kết nối vào WordPress.

Tích hợp WordPress với GCS

Có hai cách dễ dàng để thực hiện điều này.

Cách đầu tiên sử dụng plugin  WP-Stateless (miễn phí) được phát triển bởi Usability Dynamics. Nó cho phép bạn nhanh chóng cấu hình và tải hình ảnh lên GCS bucket bất cứ khi nào bạn tải file lên thư viện media trong WordPress và có thể truy cập trực tiếp file từ bucket.

Plugin cung cấp cho bạn một tùy chọn để lưu trữ các tập tin cục bộ trên máy chủ trong trường hợp về sau nếu bạn không muốn sử dụng Google Cloud, bạn có thể tắt plugin và không cần phải sao chép hình ảnh trên bucket về website.

Để bắt đầu, hãy làm theo các bước dưới đây:

  • Đăng nhập vào quản trị WP Admin và cài đặt plugin.

plugin wp stateless

  • Nó sẽ mở ra trang wizard giới thiệu về plugin, không làm bất cứ điều gì ở đây. Thay vào đó, bạn đi đến trang cấu hình bên dưới menu Media.

Hãy cùng xem qua một số cài đặt nhé:

  • Mode – chọn CDN, và tập tin được sao chép vào GCS và lấy link trực tiếp từ Google
  • Bucket – nhập tên lưu trữ bucket mà bạn đã tạo
  • Dán nội dung của tệp JSON cho tài khoản dịch vụ (service account)
  • Kích hoạt quyền xóa file trên GCS vì vậy khi bạn xóa các tập tin từ WP của bạn; nó cũng sẽ bị xoá khỏi GCS.
  • Nhấp vào Save changes để lưu lại cài đặt.

wp stateless settings

Về sau, bất cứ khi nào bạn tải lên các tập tin media mới, nó sẽ được tải lên GCS bucket và sẽ chèn link trực tiếp từ Google bucket.

Test.

Tôi đã tải lên một tập tin png bằng tay thông qua Thư viện Media và như bạn thấy bên dưới địa chỉ URL là từ lưu trữ của Google.

google cloud storage wp media

Nếu bạn muốn tải lên hình ảnh hiện có vào GCS, bạn cần mở tab Sync. Thời gian đồng bộ có thể mất một thời gian tùy thuộc vào số lượng ảnh của bạn trên website, nhưng sau khi sync bạn sẽ thấy ngay kết quả  và có thể để xem tất cả hình ảnh đang tải lên và thay thế bằng link từ lưu trữ Google Cloud.

Một plugin khác bạn có thể sử dụng là WP offload Media (đây là plugin trả phí).

Kết luận

Tôi hy vọng
 hướng dẫn này sẽ giúp bạn giảm tải các tập tin được lưu trữ trên WordPress Hosting bằng cách sử dụng CDN từ Google Cloud, bạn sẽ thấy sự cải thiện về hiệu suất của trang web.

Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dõi kênh chia sẻ kiến thức WordPress của Hoangweb trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chuyên mục: Wordpress Tìm kiếm: gcp, stateless

Comments

  1. Hoa sen vàng says

    Thứ Sáu, 20/03/2020 at 9:23 sáng

    Một cách làm cực hay, vừa biết qua bài viết này luôn, trước đến nay chỉ duy nhất cache bằng CDN của nhà cung cấp CDN_netdepot và CDN_Sun .. nay biết thêm google cũng cache luôn, sài cho an tâm và toàn cầu nhỉ. Cám ơn tác giả .

Tôi giúp gì cho bạn?

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 – 0868 292 303 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2023 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.