Post

Menghubungkan WordPress Media dengan Google Cloud Storage

Halo teman semua, nah kali ini kita akan membahas mengenai cara Menghubungkan WordPress Media dengan Google Cloud Storage. Artikel ini dibuat karena dari iseng saja ketika sedang bermain GCP, dan tiba-tiba terfikirkan untuk menghubungkan media library yang ada di wordpress dengan google cloud storage. 

Google saat ini juga sudah menawarkan sebuah cloud storage atau penyimpanan di awan yang dapat menyajikan sebuah data objek, website statis dan masih banyak lainnya. Dan jika memiliki banyak gambar pada website salah satunya di wordpress teman-teman semua bisa mengoptimasi transfer file gambar menggunakan sistem cloud.

Kelebihan menggunakan Google Cloud Storage

Tentu saja menggunakan cloud storage mempunyai kelebihan tersendiri. Dan berikut adalah kelebihan menggunakan google cloud storage :

  • Mengurangi bandwidth website, ya benar sekali. menggunakan Google Cloud Storage mengurangi dari bandwidth yang dikeluarkan oleh website/server/hosting. Karena pada dasarnya image atau content tersebut sudah menggunakan layanan google dan menggunakan bandwidth dari google itu sendiri.
  • Konten gambar lebih cepat di load, Untuk konten image ataupun video akan lebih cepat di load, karena menggunakan server google yang memiliki low-latency network.
  • Mengurangi ukuran disk, terkadang dalam menggunakan server atau hosting mempunyai kapasitas yang terbatas dalam sebuah gambar. Karena dari gambar yang banyak tersebut memerlukan disk yang besar. sehingga pengeluaran untuk menambah ukuran disk space akan membengkak. Berbeda dengan menggunakan google cloud storage, karena harga yang di tawarkan oleh pihak google bisa di bilang lebih murah.

    Setting Google Cloud Storage

    Seperti yang awal sudah dijelaskan, bahwa dari sini akan menjelaskan mengenai cara menghubungkan wordpress media library dengan google cloud storage secara step by step, Untuk menghubungkan dengan google storage pastikan sudah memiliki akun Google Cloud Platform terlebih dahulu ya. Jika belum memiliki bisa mendaftar disini.

    Membuat Project Baru

    Hal yang pertama dilakukan setelah memiliki akun GCP adalah membuat project yang mana nantinya akan dihubungkan dengan wordpress.

  • Masuk ke menu Service Account under IAM & Admin (Bisa klik disini)
  • Klik Create a Project 
  • Mengisi Nama Project
  • Create Project.

    Membuat Akun Service

    Hal yang kedua dilakukan setelah memiliki akun GCP adalah membuat akun service yang mana nantinya akan dihubungkan dengan wordpress.

  • Masuk ke menu Service Account under IAM & Admin (Bisa klik disini)
  • Klik +Create Service Account 
  • Isi data mengenaik akun service yang akan dibuat 
  • Tekan CREATE
  • Lalu untuk Role silahkan di ganti ke Storage Admin 
  • Jika sudah, lalu klik Done
  • Maka akan di arahkan ke Halaman service account 
  • Jika sudah diarahkan bisa langsung klik dari akun yang sudah di buat.
  • Lalu scroll kebawah dan klik Add Key, lalu pilih JSON 
  • Setelah itu akan download secara otomatis file json dan akan terbuat juga Key nya di website.
  • Simpan file json tersebut di tempat yang aman.

    Membuat Storage Bucket

    Dan untuk tahap selanjutnya adalah membuat sebuah Bucket Storage. Ini nantinya image akan di upload ke sini dari WordPress Media Files nya. Untuk caranya kurang lebih seperti ini :

  • Login ke Google Cloud, lalu Storage > Browser (Bisa klik disini)
  • Klik Create a bucket
  • Beri nama bucket nya
  • Pilih lokasi
  • Pilih default class nya, disini saya menggunakan yang standar saja
  • Pilih access controll nya
  • Untuk setting tambahan bisa default saja
  • Tunggu beberapa detik dan akan muncul bucket yang sudah di buat.

    Membuat Bucket dapat diakses secara public

    Untuk selanjutnya adalah membuat bucket dapat diakses secara public

  • Klik bucket yang sudah di buat tersebut
  • Lalu masuk ke menu permission > dan klik ADD
  • Jika sudah di klik add, maka untk new User diisi dengan allUsers dan Role nya sebagai Storage Object Viewer, kurang lebih seperti dibawah ini.
  • Save

    ** Catatan : Pastikan untuk memberikan akses allUser hanya untuk melihat object saja (Storage Object Viewer) agar orang lain tidak melakukan perubahan pada bucket tersebut.

    Selesai !! hanya untuk Storage Bucketnya.

    Mengintegrasikan WordPress dengan Google Cloud Storage

    Untuk menghubungkan dengan google cloud storage dengan mudah dengan menggunakan plugin, Untuk plugin yang saat ini digunakan adalah WP-Stateless – Google Cloud Storage, hal ini digunakan karena plugin ini sendiri Free. Untuk plugin yang premium dan berbayar ada juga, teman-teman bisa menggunakan plugin WP Offload Media, Namun yang kita bahas kali ini adalah yang free.

    Untuk WP-Stateless ini memberikan sebuah option / pilihan untuk tetap menyimpan file local yang ada diserver, sehingga jika tidak ingin menggunakan GCS lagi dapat langsung menonaktifkan plugin tersebut dan tidak perlu melakukan copy ulang/download ulang ke local.

    Integrasi WP ke GCS

    Hal yang pertama dilakukan adalah melakukan instalasi plugin tersebut. Dan kurang lebih caranya sebagai berikut :

  • Masuk ke wp-admin
  • Klik Plugins
  • Lalu Add New
  • Cari di pencarian WP-Stateless
  • Klik Instal Now pada plugin WP-Stateless – Google Cloud Storage
  • Lalu klik Activate untuk melakukan aktivasi
  • Jika sudah, akan menampilkan tampilan seperti ini
  • Untuk cara cepat nya menggunakan Automated Setup
  • Login dengan akun google yang terkait
  • Lalu menyesuaikan dengan apa yang sudah di buat sebelumnya. Mulai dari Projectnya, Bucketnya.
  • Jika tampilannya kurang lebih seperti ini. maka Sedang dalam proses.
  • Di tunggu dulu sambil ngopi, maka selanjutnya akan seperti ini

    Sudah Selesai !! Silahkan coba lakukan upload file lalu lihat di bucket nya. Dan taraaaa sudah berhasil di upload ke Google Cloud Storage.

    Setting plugin WP-Stateless

    Untuk settingannya sendiri ada bebebrapa yang bisa di custom dan yang di inginkan.
    Untuk Masuk ke settingannya bisa dengan :

  • Masuk ke wp-admin
  • Media
  • Stateless Settings

    Didalam WP-Stateless ada beberapa mode.

  • Mode Backup : Upload filenya ke Google Cloud Storage dan tetap menggunakan url local
  • CDN : melakukan copy gambar ke Google Cloud Storage dan URL nya mengghunakan dari GCS, di local/hosting tetap ada filenya.
  • Ephemeral : Upload dan menggunakan url dari google cloud storage, media file library hanya digunakan sementara selama process
  • Stateless : Mengupload dan menggunakan url dari google cloud storage langsung tanpa menggunakan media library.

    Untuk saya sendiri menggunakan CDN. Buat teman-teman bisa menyesuaikan saja keinginan saja ya.

    Kesimpulan

    Menghubungkan Google Cloud Storage dengan wordpress media library tidaklah sulit. Selain itu dengan menggunakan Google Cloud Storage bisa dirasa lebih cepat. Selain itu dengan menggunakan Google Cloud Storage akan lebih hemat bandwith. Untuk tutorial lainnya bisa juga mengakses disini ya

  • This post is licensed under CC BY 4.0 by the author.