ข้ามไปยังเนื้อหาหลัก

ส่วนเสริม WP Media Folder : การผสานรวม Google Cloud Storage

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


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

ขั้นแรก คุณต้องเข้าสู่ ระบบ Google Cloud Console หรือลงทะเบียนหากคุณยังไม่มีบัญชี Google ไปที่เมนู IAM & Admin > สร้างโปรเจ็ก ต์

 

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

 

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

 

ชื่อโครงการ

 

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

 

API พื้นที่จัดเก็บข้อมูลบนคลาวด์

 

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

 

เมนู-เอพี-เซอร์วิส

 

บนแผงหลัก คลิก “+ ข้อมูลรับรองใหม่” >> รหัสไคลเอ็นต์ OAuth ; หากระบบถาม ให้เพิ่มชื่อลงในหน้าจอขอความยินยอม 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
    (แทนที่ด้วยชื่อโดเมนของคุณ)

 

ข้อมูลรับรองแอป

 

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

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

 

OAuth-ผู้ใช้-type

 

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

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

 

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

 

แล้ว... voila! คุณก็จะได้ ID และ Secret มาเพิ่มในการตั้งค่าของ WP Media Folderแล้ว.

 

oauth-ลูกค้า

 

สร้างถัง

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

 

สร้างบัคเก็ต Google Cloud

 

ขั้นตอนต่อไป กรุณากรอกข้อมูลในตัวเลือกด้านล่าง:

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

 

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

 

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

 

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

 

หรือคุณสามารถสร้างบัคเก็ตใหม่ใน WP Media Folder ได้ ไปที่เมนู การตั้งค่า > WP Media Folder > คลาวด์ > โอนย้ายสื่อ > Google Cloud Storage คลิกที่ การตั้งค่าบัคเก็ต และปุ่มเลือก ในส่วนล่างของหน้าต่างป๊อปอัพ ให้ป้อนชื่อบัคเก็ตแล้วคลิก ปุ่ม สร้าง

 

สร้างบัคเก็ต-wp

 

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

กลับไปที่แดชบอร์ด WordPress แล้วคลิกที่เมนู การตั้งค่า > WP Media Folder > คลาวด์และสื่อ ออฟโหลด จากนั้นคลิก "เปลี่ยนแปลง" ใน ส่วน Google Cloud Storage

จากนั้น ให้คัดลอกข้อความต่อไปนี้ลงในช่องกรอกข้อมูล:

  • รหัสการเข้าถึง
  • รหัสลับสำหรับการเข้าถึง
  • รหัสโครงการ

 

กรอกข้อมูลประจำตัว Google Cloud

 

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

 

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

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

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

 

สร้างบัคเก็ต wp-google-cloud

 

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

 

คัดลอกไปยัง 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

 

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

 

โอนย้ายสื่อไปยัง Google Cloud

 

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

 

ป้ายกำกับคลาวด์ของ Google

 

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

 

ดึงข้อมูล Google Cloud

 

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

วิธีการเชื่อมต่อ CDN?

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

 

API ตัวจัดการใบรับรองของ Compute Engine

 

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

 

สร้างโหลดบาลานเซอร์

 

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

 

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

 

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

 

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

 

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

 

สร้างบัคเก็ตแบ็กเอนด์

 

สุดท้าย คลิกที่ ปุ่ม " สร้าง

 

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

 

จากนั้นไปที่ ความปลอดภัย > ตัวจัดการใบรับรอง > แท็บใบรับรองแบบคลาสสิก คัดลอก โดเมน แล้ววางลงใน โดเมนที่กำหนดเอง (CNAME) ในการตั้งค่า Google Cloud Storage ตัวอย่างเช่น ในกรณีนี้คือ "cdn.hoadongho247.com "


 

ซีดีเอ็น-กูเกิลคลาวด์-เอิร์ล

 

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

 

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

 

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

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

 

คัดลอกบัคเก็ต Google Cloud