ข้ามไปที่เนื้อหาหลัก

WP Media Folder Addon: การรวม Google Cloud Storage

1. สร้างแอป Google Drive


การรวม Google Cloud กับ WP Media Folder จะรวมอยู่ใน Add-on คุณต้องติดตั้งส่วนเสริมนี้ (ปลั๊กอิน) นอกเหนือจาก WP Media Folder ส่วนเสริมนี้รวมถึงการผสานรวมสำหรับ Google Drive, Google Photo, Dropbox, OneDrive Personal, OneDrive Business, Amazon S3, DigitalOcean, Linode และ Wasabi ด้วย

ขั้นแรก คุณต้องลงชื่อเข้า ใช้ Google Cloud Console หรือลงชื่อสมัครใช้หากคุณไม่มีบัญชี Google ไปที่เมนู สร้าง โครงการ

 

สร้างโครงการ-1

 

จากนั้นตั้งชื่อโปรเจ็กต์ - คุณสามารถระบุชื่อที่ต้องการได้ แต่อย่าเว้นวรรคหรือเน้นเสียง จากนั้นรอสักครู่เพื่อสร้างโครงการ

 

ชื่อโครงการ

 

หากนี่เป็นครั้งแรกที่คุณใช้ Google Cloud Storage คุณควรไปที่ APIs & Services > Library เปิดใช้งาน Cloud Storage และ Google Cloud Storage JSON API

 

cloud-storage-api

 

จากเมนูด้านซ้าย ให้คลิกที่ “API & Services” > “Credentials”

 

เมนู-api-service

 

บนแผงหลัก คลิก “+ New Credentials” >> OAuth client ID ; หากระบบถาม ให้เพิ่มชื่อในหน้าจอคำยินยอม OAuth

 

oAuth-google-drive

 

ตอนนี้ ขั้นตอนที่สำคัญที่สุด:

  • เลือก “แอปพลิเคชันเว็บ” และเพิ่มชื่อที่คุณต้องการ
  • ต้นทาง JavaScript ที่ได้รับอนุญาต: https://your-domain.com (แทนที่ด้วยชื่อโดเมนของคุณโดยไม่มีเครื่องหมายทับ)
  • URI การเปลี่ยนเส้นทางที่ได้รับอนุญาต: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_cloud_auth
    (แทนที่ด้วยชื่อโดเมนของคุณ)

 

app-ข้อมูลประจำตัว

 

หมายเหตุ: หากคำเตือนนี้ปรากฏขึ้น: "ในการสร้างรหัสไคลเอ็นต์ OAuth คุณต้องตั้งชื่อผลิตภัณฑ์ในหน้าจอคำยินยอมก่อน" คุณควรคลิกที่ปุ่ม กำหนดค่าหน้าจอยินยอม หรือไปที่ APIs & Services >> หน้าจอคำยินยอม OAuth จากนั้นเพิ่ม ชื่อโดเมนที่โดเมนที่ ได้ รับอนุญาต

ขั้นแรก คุณต้องเลือก ประเภทผู้ใช้

 

OAuth-ผู้ใช้-type

 

  • ภายใน: แอปของคุณจำกัดเฉพาะผู้ใช้ Google Workspace ภายในองค์กรของคุณ คุณไม่จำเป็นต้องส่งแอปของคุณเพื่อยืนยัน
  • ภายนอก: แอปของคุณจะพร้อมใช้งานสำหรับผู้ใช้ที่มีบัญชี Google เมื่อแอปของคุณพร้อมที่จะเผยแพร่แล้ว คุณอาจต้องยืนยันแอปของคุณ

จากนั้นกรอกโดเมนที่ได้รับอนุญาตและทำตามขั้นตอนต่อไปนี้เพื่อสิ้นสุดการลงทะเบียนแอป ตอนนี้คุณสามารถกลับไปที่ขั้นตอนก่อนหน้า: เลือก "แอปพลิเคชันเว็บ" เพื่อสร้างข้อมูลประจำตัว

 

หน้าจอยินยอม

 

ถ้าอย่างนั้น… โว้ว! คุณมี ID และ Secret เพื่อเพิ่มในการกำหนดค่าของ WP Media Folder

 

oauth-ลูกค้า

 

สร้างถัง

ในการใช้ Google Cloud คุณควรสร้างบัคเก็ตใหม่ โปรดไปที่พื้นที่เก็บข้อมูล: Cloud Storage Buckets จากนั้นคลิกที่ ปุ่ม สร้าง

 

creat-bucket-google-cloud

 

ถัดไป คุณควรกรอกตัวเลือกด้านล่าง:

  • ใส่ชื่อที่เก็บข้อมูล
  • เลือกตำแหน่งที่จะจัดเก็บข้อมูลของคุณ
  • เลือกคลาสพื้นที่เก็บข้อมูลสำหรับข้อมูลของคุณ
  • เลือกคลาสพื้นที่เก็บข้อมูลเริ่มต้นสำหรับข้อมูลของคุณ
  • เลือกวิธีควบคุมการเข้าถึงวัตถุ ( การป้องกันการเข้าถึงสาธารณะ: ปิด, การควบคุมการเข้าถึง: แบบละเอียด)
  • เลือกวิธีป้องกันข้อมูลออบเจ็กต์

 

สร้างถังขั้นตอน

 

หลังจากนั้นคลิกที่ ปุ่ม สร้าง หลังจากโหลดไม่กี่วินาที คุณจะเห็นข้อมูลรายละเอียดบัคเก็ต:

 

รายละเอียดถัง

 

หรือคุณสามารถสร้างบัคเก็ตใหม่ใน การตั้งค่า WP Media Folder ไปที่เมนู Settings > WP Media Folder > Cloud > Offload Media > Google Cloud Storage คลิกที่ปุ่ม Bucket settings and selection ที่ด้านล่างของป๊อปอัป ให้ป้อนชื่อที่เก็บข้อมูลแล้วคลิก ปุ่ม สร้าง

 

create-bucket-wp

 

2. เข้าสู่ระบบ Google Cloud Storage จาก WP Media Folder

กลับไปที่แดชบอร์ด WordPress และคลิกที่เมนู การตั้งค่า > WP Media Folder แท็บ Google Cloud Storage วางข้อมูลต่อไปนี้ลงในฟิลด์แบบฟอร์ม:

  • รหัสคีย์การเข้าถึง
  • รหัสการเข้าถึงความลับ
  • รหัสโครงการ

 

fill-credentials-google-cloud

 

หลังจากนั้นให้บันทึกการตั้งค่าและการเชื่อมต่อน่าจะสำเร็จ โปรดไปที่ขั้นตอนถัดไปเพื่อค้นหาคุณลักษณะของ Google Cloud Storage

 

3. มันทำงานอย่างไร? ฉันจะทำอะไรกับ Google Cloud ได้บ้าง

มันทำงานอย่างไร?

เมื่อคุณเชื่อมต่อ WP Media Folder กับ Google Cloud Storage แล้ว โปรดเลือกบัคเก็ตหรือสร้างใหม่เพื่อเก็บข้อมูลทั้งหมดของคุณ

 

create-bucket-wp-google-cloud

 

และคุณสามารถเปิดใช้ คัดลอกไปยัง Google Cloud Storage สื่อใหม่ทั้งหมดของคุณที่อัปโหลดจะถูกส่งไปยัง Google Cloud

 

copy-to-google-cloud

 

และถ้าคุณต้องการซิงค์สื่อที่คุณอัปโหลดก่อนที่จะใช้การรวม Google Cloud Storage ให้คลิกที่ปุ่ม ซิ งโครไนซ์กับ Google Cloud Storage จากนั้นจะส่งไลบรารีสื่อที่มีอยู่ทั้งหมดของคุณไปยังถัง Google Cloud

หมายเหตุ: เมื่อคุณดำเนินการนี้ URL ของสื่อของคุณจะถูกแทนที่ด้วย URL ของ Google Cloud Storage
โปรดดูตัวอย่างด้านล่าง จาก https://joomunited.com/wp-content/uploads/2019/02/image.jpg ถึง >> https://storage.googleapis.com/{bucket}/wp-media-folder-joomunited/wp-content /uploads/2019/02/image.jpg

 

ในการลบสื่อในเว็บไซต์ของคุณ คุณควรเปิดใช้ Remove after upload ไลบรารีสื่อของคุณจะถูกเก็บไว้อย่างสมบูรณ์บน Google Cloud แทนเซิร์ฟเวอร์ของคุณ

 

offload-media-google-cloud

 

เมื่อเปิดใช้งาน ป้ายกำกับไฟล์แนบ ข้อมูลในแต่ละสื่อจะแสดงขึ้นเมื่อคุณวางเมาส์บน Google Cloud ที่ด้านบนขวา

 

google-cloud-label

 

เมื่อคุณต้องการเปลี่ยนตำแหน่งสื่อหรือลบปลั๊กอิน ให้คลิกที่ปุ่ม ดึง Google Cloud Storage Media จากนั้นสื่อทั้งหมดของคุณจะถูกคัดลอกจาก Google Cloud Storage ไปยังไลบรารีสื่อของคุณ ลิงก์เดิมทั้งหมดที่เพิ่มในเนื้อหาของคุณจะยังคงอยู่ (ไม่มีลิงก์เสีย)

 

retrieve-google-cloud

 

หมายเหตุ: คุณสามารถซิงค์ไฟล์จาก Google Cloud Storage ไปยังไลบรารีสื่อได้ก็ต่อเมื่อไฟล์เหล่านั้นถูกอัปโหลดผ่านปลั๊กอินของเรา

วิธีเชื่อมต่อ CDN

Google Cloud CDN รวมเข้ากับปลั๊กอินของเรา ในการสร้างโดเมนที่กำหนดเอง (CNAME) ขั้นแรก คุณควรเปิดใช้งาน Compute Engine API และ Certificate Manager API ในส่วน Library

 

Compute-engine-certificate-manager-api

 

หลังจากนั้น ไปที่ Load balancing ภายใต้ ส่วน Network services หรือไปที่ ลิงค์ จากนั้นคลิกที่ Create Load Balancer และเลือก ปุ่ม Start Configuration จากนั้นคลิกที่ ปุ่ม ดำเนินการต่อ

 

สร้างตัวโหลดบาลานซ์

 

ที่ การกำหนดค่าส่วนหน้า ให้ป้อนข้อความใน ชื่อ (ตัวพิมพ์เล็ก ไม่มีช่องว่าง) เลือก HTTPS (รวม HTTP/2) ใน ฟิลด์ โปรโตคอล จากนั้นคลิกที่ ฟิลด์ที่อยู่ IP > สร้างที่อยู่ IP

 

ส่วนหน้าการกำหนดค่า

 

จากนั้นคลิกที่ ช่องใบรับรอง > สร้างใบรับรอง ใหม่ ในป๊อปอัป "สร้างใบรับรอง" ให้ป้อนข้อความใน ชื่อ เลือก "สร้างใบรับรองที่จัดการโดย Google" ใน โหมด สร้าง ถัดไป ป้อนโดเมนของคุณใน ช่อง โดเมน เช่น "cdn.joounited.com" หลังจากนั้นให้คลิกที่ ปุ่ม เสร็จสิ้น

 

สร้างใบรับรองใหม่

 

ต่อไป เราจะไปที่ การกำหนดค่าแบ็กเอนด์ คลิกที่ บริการ แบ็กเอนด์และที่เก็บข้อมูลแบ็กเอนด์ > สร้างที่เก็บข้อมูลแบ็กเอนด์ จากนั้นในป๊อปอัป ให้กรอก ชื่อที่เก็บข้อมูลแบ็กเอนด์ เลือกที่เก็บข้อมูลที่ ช่อง เก็บข้อมูลของ Cloud Storage จากนั้นคลิกที่ ปุ่ม สร้าง

 

สร้างแบ็กเอนด์ที่เก็บข้อมูล

 

หลังจากนั้นคลิกที่ ปุ่ม สร้าง

 

สร้างตัวโหลดบาลานเซอร์ขั้นสุดท้าย

 

จากนั้นไปที่แท็บ Security > Certificate Manager > Classic Certificates คัดลอก โดเมน แล้ววางลงใน Custom Domain (CNAME) ในการตั้งค่า Google Cloud Storage ตัวอย่างเช่น ในกรณีนี้: " cdn.hoadongho247.com"


 

cdn-google-cloud-url

 

สุดท้าย คุณจะเห็นการเปลี่ยนแปลงใน URL ของไฟล์ ในแต่ละภาพ

 

ไฟล์-url-cdn-google-cloud

 

การตั้งค่าและการดำเนินการขั้นสูง

คุณสามารถเลือกที่เก็บข้อมูลเพื่อนำเข้าโฟลเดอร์และไฟล์จากเซิร์ฟเวอร์ Google Cloud Storage ไปยังไลบรารีสื่อของคุณ หรือคัดลอกไฟล์ทั้งหมดจากที่เก็บข้อมูลหนึ่งไปยังอีกที่หนึ่ง

 

copy-buckets-google-cloud