Tutorial WordPress S3: Cara Menghubungkan WordPress ke Amazon S3 Bucket

Mencari tutorial WordPress S3 untuk mengaktifkan dan menjalankan situs WordPress Anda dengan Amazon S3? Di pos ini, saya akan membawa Anda melalui semua yang perlu Anda ketahui tentang WordPress dan Amazon S3.


Pertama, saya akan mulai dengan ikhtisar tentang apa sebenarnya Amazon S3 * * dan bagaimana manfaatnya bagi situs WordPress Anda. Lalu, saya akan membawa Anda melalui proses persis yang harus Anda ikuti untuk mulai membongkar file situs WordPress Anda ke Amazon S3.

Ada banyak yang harus ditutup jadi mari selami …

Tutorial WordPress S3

Apa itu Amazon S3?

Amazon S3 adalah layanan penyimpanan objek dari Amazon Web Services. Anda mungkin tidak menyadarinya, tetapi sebagian besar Internet bergantung pada Amazon S3, itulah sebabnya bahkan pemadaman S3 singkat di satu lokasi dapat menyebabkan seluruh Internet secara kolektif … well, ketakutan.

Saya tidak terlalu tertarik untuk masuk ke detail spesifik tentang apa itu penyimpanan objek (Wikipedia dapat membantu Anda di luar sana). Sebaliknya, saya lebih tertarik bagaimana Amazon S3 dan penyimpanan objek terhubung ke situs WordPress Anda.

Penggunaan paling umum dari Amazon S3 adalah untuk menyimpan semua file yang biasanya Anda simpan di WordPress Media Library Anda di cloud. Intinya, Anda dapat menyimpan ("offload") milik Anda:

  • ��️ gambar
  • �� video
  • �� file audio
  • �� dokumen PDF
  • dll.

Selain itu, beberapa orang juga menggunakan S3 untuk menyimpan aset seperti CSS, JavaScript, dll.

Setiap area penyimpanan Amazon S3 disebut a "ember". Ember pada dasarnya adalah kumpulan file (Anda dapat membaca tentang penyimpanan objek jika Anda ingin tahu bagaimana sebenarnya file-file itu disimpan).

Jadi pada dasarnya, alih-alih menyimpan file di server Anda sendiri, Anda akan menyimpannya dalam ember di Amazon S3.

Apa manfaat menggunakan Amazon S3 untuk situs WordPress Anda?

  • Permintaan ke server berkurang – karena server Anda tidak lagi harus mengirim file media (atau aset potensial), Anda dapat mengurangi waktu pemuatan halaman Anda.
  • Penyimpanan lebih terjangkau – jika Anda melanggar batas penyimpanan host Anda, saya hampir dapat menjamin bahwa harga penyimpanan S3 lebih murah daripada biaya yang dikenakan host Anda.
  • Media terpisah – karena file media Anda terpisah dari situs Anda, ini jauh lebih mudah untuk memindahkan situs WordPress Anda (seperti antar host). Anda pada dasarnya hanya memindahkan file PHP, yang hampir tidak memakan ruang.
  • Skalabilitas – karena Amazon S3 memberdayakan seluruh Internet (ok, itu sedikit hiperbola), Anda bisa sangat yakin bahwa Amazon dapat meningkatkan skala dengan apa pun yang terjadi pada situs Anda.

Dan inilah bagian yang menyenangkan:

Amazon S3 gratis untuk tahun pertama Anda (penyimpanan hingga 5GB). Dan bahkan setelah itu, itu sangat terjangkau.

Apa perbedaan antara Amazon S3 dan CDN?

Banyak orang berbicara tentang Amazon S3 seolah-olah sama dengan CDN. Saya mengerti mengapa – pasti ada beberapa kesamaan tingkat permukaan yang membuatnya mudah untuk membingungkan keduanya.

Yaitu, seperti CDN, Anda dapat memilih untuk memuat gambar dari Amazon S3 daripada dari server situs WordPress Anda.

Tapi inilah yang tidak suka CDN:

Saat Anda membuat ember di Amazon S3, itu terletak di satu lokasi fisik (yang dapat Anda pilih).

CDN, di sisi lain, telah mendistribusikan lokasi di seluruh dunia.

Jadi dalam hal ini, Amazon S3 sebenarnya memiliki lebih banyak kesamaan dengan server Anda sendiri (satu lokasi fisik) daripada CDN (banyak lokasi di seluruh dunia).

Pendeknya:

Amazon S3: Meskipun Anda pasti dapat menayangkan file dari S3 ke pengunjung Anda, S3 fokus utama adalah penyimpanan.

CDN: CDN terfokus tentang pengiriman file secepat mungkin, daripada menyimpannya secara terjangkau (seperti S3).

Mengapa tidak menggunakan CDN saja??

Nah, ini masalahnya:

Anda masih bisa menggunakan CDN. Sangat mudah untuk menghubungkan ember Amazon S3 Anda ke CDN favorit Anda. Anda dapat menggunakannya dengan segala sesuatu dari Cloudflare ke KeyCDN ke Stackpath.

Amazon Web Services bahkan memiliki CDN sendiri, yang disebut CloudFront, yang juga super mudah terhubung ke Amazon S3.

Bahkan, itulah cara saya menyarankan Anda melakukannya jika Anda memiliki audiens global.

Dengan menggunakan keduanya, Anda:

  • masih mendapatkan manfaat penyimpanan S3
  • juga mendapatkan manfaat kinerja dari CDN

Koneksi WordPress S3 dijelaskan

Jika Anda mengikuti instruksi dalam posting ini, inilah cara situs WordPress Anda akan berfungsi pada akhir tutorial S3 WordPress ini:

  • Anda mengunggah file ke Perpustakaan Media WordPress Anda seperti biasa (yaitu melalui biasa Tambahkan Media tombol)
  • Plugin WordPress S3 pilihan Anda secara otomatis menyalin atau memindahkan file-file itu ke Amazon S3
  • Situs WordPress Anda menyajikan file yang disimpan di S3 atau menggunakan CDN yang terhubung ke bucket S3 Anda

Inilah yang Anda butuhkan untuk mengatur integrasi WordPress S3

Untuk menghubungkan WordPress ke Amazon S3, Anda perlu:

  • Akun Amazon Web Services – ini gratis untuk mendaftar.
  • Ember Amazon S3 publik – ini gratis untuk tahun pertama Anda (hingga 5GB). Saya akan menunjukkan kepada Anda cara membuatnya.
  • Plugin WordPress S3 – ini membantu Anda secara otomatis memuat file yang Anda unggah ke WordPress ke bucket S3 Anda.

Plugin WordPress S3 mana yang harus Anda gunakan?

Ada beberapa plugin WordPress S3 berbeda yang dapat Anda pilih:

  • WP Offload Media Lite – Memiliki versi gratis yang cukup murah, tetapi versi gratis itu hanya berfungsi dengan file yang baru diunggah. Jika Anda menggunakan Pro, Anda juga dapat menyimpan dan menayangkan aset Anda dari S3 dan mengunggah file yang ada. Juga membuatnya sangat mudah untuk menggunakan CDN nanti (jika itu ada dalam rencana Anda).
  • W3 Total Cache – W3 Total Cache termasuk fitur yang memungkinkan Anda menghubungkan situs Anda ke Amazon S3 jika Anda memilih S3 sebagai CDN Anda di pengaturan W3 Total Cache.
  • Folder Media Library Pro S3 – Memungkinkan Anda mengelola perpustakaan media WordPress Anda dengan folder sambil secara bersamaan membongkar semua atau beberapa file tersebut ke Amazon S3 dan mempertahankan struktur folder yang sama.
  • Upload S3 Buatan Manusia – tanpa antarmuka sebenarnya, proyek yang dihosting GitHub dari Human Made ini tidak dibuat untuk pengguna biasa. Tetapi pengembang harus menghargainya. Kamu bisa baca lebih lanjut di sini.

Plugin WordPress S3 yang akan saya gunakan untuk tutorial ini

Untuk tutorial ini, saya akan menggunakan WP Offload Media Lite dari Delicious Brains karena itu adalah opsi paling terkenal pada saat saya menulis artikel ini.


WP Offload Media Lite untuk Amazon S3, DigitalOcean Spaces, dan Google Cloud Storage WP Offload Media Lite untuk Amazon S3, DigitalOcean Spaces, dan Google Cloud Storage

Penulis: Otak Lezat

Versi Saat Ini: 2.3.2

Terakhir Diperbarui: 11 Maret 2020

amazon-s3-and-cloudfront.2.3.2.zip


Peringkat 80%


40.000 + Pemasangan


WP 4.9 + Membutuhkan

Tetapi ada satu hal tentang proses penyiapan:

Sebagian besar langkah akan terjadi di antarmuka Amazon S3 dan identik di semua plugin. Itu berarti Anda mungkin dapat mengikuti sebagian besar panduan ini bahkan jika Anda memutuskan untuk menggunakan salah satu plugin lain.

Satu-satunya perbedaan adalah bagian yang sangat singkat yang terjadi di dalam antarmuka masing-masing plugin.

Cara menggunakan WordPress dengan Amazon S3: langkah-demi-langkah

Ini semua yang perlu Anda lakukan untuk mulai menggunakan Amazon S3 dengan situs WordPress Anda:

Mungkin harus pergi tanpa berkata, tapi saya sangat menyarankan Anda membuat cadangan situs Anda sebelum Anda memulai proses ini.

Langkah 1: Instal dan aktifkan plugin WP Offload Media Lite

Anda belum benar-benar akan melakukan apa pun di antarmuka plugin. Tetapi sebelum Anda beralih ke antarmuka Amazon S3, ada baiknya untuk memastikan bahwa Anda telah memasang dan mengaktifkan plugin di situs Anda..

Saat Anda mengaktifkan WP Offload Media Lite, itu akan meminta Anda melakukannya Tentukan kunci AWS Anda.

Selama beberapa langkah berikutnya, Anda akan mengikuti proses untuk benar-benar menghasilkan kunci-kunci itu.

Langkah 2: Buat ember baru di Amazon S3

Jika Anda belum membuat akun Layanan Web Amazon gratis, buka maju dan lakukan itu sekarang.

Setelah Anda membuat akun, navigasikan ke bagian Amazon S3 dari dalam dashboard akun AWS Anda atau klik di sini untuk langsung ke S3.

Di antarmuka S3, klik tombol untuk Buat ember:

antarmuka amazon s3

Pada antarmuka popup:

  • Beri nama ember Anda
  • Pilih Wilayah (buat ini sedekat mungkin dengan audiens target Anda, terutama jika Anda tidak berencana untuk menggunakan CDN)
  • Klik Membuat

buat ember s3

Langkah 3: Tetapkan kebijakan bucket Anda

Agar semuanya berfungsi dengan baik, Anda harus membuat bucket S3 Anda publik. Untuk melakukan itu, Anda menggunakan sesuatu yang disebut a kebijakan ember.

Untuk menambahkan kebijakan bucket, klik bucket Anda di antarmuka S3:

edit ember

Pada tangkapan layar di atas, Anda dapat melihat bahwa keranjang saya yang lain sudah publik, sementara codeinwp ember yang saya buat untuk tutorial ini ditandai sebagai Bukan publik. Setelah langkah ini, Anda menginginkannya Publik indikator untuk ember Anda juga.

Pada layar berikutnya, klik pada Izin tab lalu pilih Kebijakan Bucket:

kebijakan akses ember

Anda harus melihat editor kode JSON. Tempel di cuplikan di bawah ini dan simpan perubahan Anda.

Pastikan untuk mengganti codeinwp dengan nama sebenarnya dari ember Anda:

{
"Versi: kapan": "2008-10-17",
"Pernyataan": [
{
"Sid": "AllowPublicRead",
"Efek": "Mengizinkan",
"Kepala Sekolah": {
"AWS": "*"
},
"Tindakan": "s3: GetObject",
"Sumber": "arn: aws: s3 ::: codeinwp / *"
}
]
}

masukkan kebijakan bucket

Setelah Anda menyimpan perubahan, Anda akan melihat ember Anda ditandai sebagai Publik di dasbor Amazon S3:

ember umum

Langkah 4: Buat pengguna dan kebijakan IAM

Sekarang, Anda perlu membuat sesuatu yang disebut pengguna IAM. Pengguna ini pada dasarnya memungkinkan plugin untuk mengelola bucket S3 Anda, yang penting jika Anda ingin plugin secara otomatis menambahkan file yang Anda unggah ke WordPress.

Ini adalah bagian paling rumit dari keseluruhan proses, jadi saya akan memecah semuanya langkah demi langkah dan menggunakan banyak tangkapan layar.

Setelah Anda menyelesaikan proses ini, ia akan memberi Anda Kunci AWS yang diminta plugin dan Anda hampir selesai.

Untuk membuat pengguna IAM Anda, pergi ke area IAM di akun AWS Anda.

Dari sana, pilih Pengguna tab:

dasbor pengguna iam

Kemudian, klik Tambahkan pengguna di atas:

buat pengguna iam

Dalam Tambahkan pengguna antarmuka, Anda perlu memberi nama pengguna Anda. Kemudian, pastikan untuk memilih Akses terprogram dibawah Jenis akses. Setelah selesai, klik Berikutnya: Izin:

akses terprogram

Di halaman berikutnya, pilih Lampirkan kebijakan yang ada secara langsung tab dan pilih Buat kebijakan:

melampirkan kebijakan

Itu akan meluncurkan jendela baru. Di jendela baru itu, buka JSON tab dan rekatkan dalam cuplikan kode ini:

{
"Versi: kapan": "2012-10-17",
"Pernyataan": [
{
"Efek": "Mengizinkan",
"Tindakan": [
"s3: CreateBucket",
"s3: DeleteObject",
"s3: Masukkan *",
"s3: Dapatkan *",
"s3: Daftar *"
],
"Sumber": [
"arn: aws: s3 ::: codeinwp",
"arn: aws: s3 ::: codeinwp / *"
]
}
]
}

Pastikan untuk mengganti dua instance codeinwp dengan nama sebenarnya dari Amazon S3 bucket Anda.

Lalu klik Tinjau kebijakan di dasar:

iam kebijakan pengguna

Di layar berikutnya, beri nama lalu klik Buat kebijakan:

simpan kebijakan

Sekarang:

  • Kembali ke tab Tambah Pengguna IAM dari sebelumnya
  • Klik Menyegarkan
  • Pilih kebijakan yang baru saja Anda buat dari daftar (Anda dapat mencarinya dengan nama untuk menghemat waktu)
  • Klik Berikutnya: Ulasan

mencari kebijakan pengguna iam

Di layar berikutnya, klik Buat pengguna:

lampirkan kebijakan pengguna iam

Di layar berikutnya, Anda akan melihat:

  • ID kunci akses
  • Kunci akses rahasia (Anda harus mengklik Menunjukkan untuk benar-benar melihat kunci rahasia)

kunci akses s3

Pertahankan kedua nilai ini karena Anda akan membutuhkannya di langkah berikutnya.

Langkah 5: Tambahkan kunci akses ke file wp-config.php

Fiuh! Anda telah selesai secara resmi dengan antarmuka AWS.

Sekarang, Anda dapat kembali ke batas ramah situs WordPress Anda.

Khususnya, Anda perlu edit file wp-config.php Anda. Anda dapat melakukan ini melalui FTP atau melalui file manager cPanel.

Tambahkan potongan kode di bawah ini ke file wp-config.php Anda, pastikan untuk mengganti tanda bintang dengan kunci Anda yang sebenarnya dari langkah sebelumnya:

define (‘AS3CF_AWS_ACCESS_KEY_ID’, ‘********************’);
define (‘AS3CF_AWS_SECRET_ACCESS_KEY’, ‘*********************’);

Begini tampilannya di file wp-config.php situs saya:

tambahkan kunci akses wordpress s3 ke wp-config.php

Pastikan untuk menyimpan perubahan Anda.

Langkah 6: Pilih ember S3 dalam pengaturan WP Offload Media Lite

Sekarang, pergilah ke Pengaturan → Lepaskan S3.

Ketikkan nama bucket S3 Anda di Ember apa yang ingin Anda gunakan? bidang dan klik Simpan Bucket:

masukkan ember s3 di plugin

Setelah Anda menyimpan perubahan, Anda akan melihat antarmuka plugin lengkap:

antarmuka penuh

Catatan – karena cara saya mengatur kebijakan pengguna IAM, tombol untuk Jelajahi ember yang ada atau Buat ember baru akan tidak bekerja. Ini sebenarnya disengaja karena lebih aman.

Jika Anda tidak ingin mengorbankan fungsionalitas ini untuk keamanan, Anda dapat mengubah kebijakan pengguna IAM untuk kebijakan yang diuraikan di sini. Tapi, seperti yang akan Anda lihat di artikel yang sama, Delicious Brains merekomendasikan metode yang saya gunakan sebagai pendekatan yang lebih aman di PEMBATASAN BUCKET bagian.

Langkah 7: Konfigurasikan pengaturan Offload S3 (jika diinginkan)

Pada titik ini, Anda sudah cukup siap. Setiap file baru yang Anda unggah akan secara otomatis diturunkan ke Amazon S3. Selain itu, plugin akan secara otomatis menulis ulang URL file untuk file-file tersebut sehingga file tersebut dilayani dari Amazon S3 bukan dari server Anda.

Anda dapat menguji ini dengan mengunggah file media baru dan melihat kode sumber saat Anda memasukkannya:

contoh file media yang diturunkan

Namun, jika Anda ingin plugin mengunggah file yang ada ke Amazon S3, Anda akan perlu versi premium.

Jika Anda ingin menyesuaikan fungsi plugin apa pun, Anda dapat membuat perubahan di sini. Tetapi untuk sebagian besar situasi, pengaturan default seharusnya baik-baik saja.

Langkah 8: (Opsional) Hubungkan Amazon S3 ke CDN

Seperti yang saya katakan di awal, mungkin untuk menggunakan CDN bersamaan dengan Amazon S3.

Menunjukkan kepada Anda bagaimana melakukan ini untuk setiap penyedia CDN tunggal akan membutuhkan posting panjang sendiri, tetapi saya dapat memberi Anda beberapa petunjuk..

Jika Anda ingin terhubung ke Amazon CloudFront, Anda dapat melakukannya langsung dari akun AWS Anda dengan mengikuti tutorial ini.

Untuk asal tarik CDNs suka KeyCDN atau Stackpath, cukup banyak yang perlu Anda lakukan adalah memasukkan URL S3 Amazon bucket Anda di URL asal kotak ketika Anda mengatur CDN Anda.

Untuk menemukan URL S3 S3 Anda, cukup ikuti format ini:

https://bucket_name.s3.amazonaws.com/

Sebagai contoh:

https://codeinwp.s3.amazonaws.com/

Dan itu bahkan mungkin untuk digunakan Cloudflare dengan Amazon S3 (meskipun Anda mungkin perlu mengganti nama ember Anda).

Setelah Anda mengatur CDN, Anda dapat menggunakan WP Offload Media Lite CloudFront atau Custom Domain opsi untuk menulis ulang URL file untuk menggunakan CDN Anda, bukan ember S3 Anda:

gunakan s3 dengan cdn

Jika Anda memilih untuk menggunakan salah satu plugin WordPress S3 S3 lainnya, the Enabler CDN Plugin dapat melakukan hal yang hampir sama.

WordPress S3: Kemitraan yang membantu

Dengan menggunakan plugin WordPress S3, Anda dapat dengan mudah membongkar file Anda dan memanfaatkan infrastruktur Amazon Web Services.

Meskipun prosesnya mungkin memerlukan waktu 30 menit untuk menyiapkannya, setelah Anda menghapusnya, integrasi WordPress S3 cukup bebas rasa sakit dan tidak memerlukan pekerjaan lebih lanjut.

Ada pertanyaan lain tentang menghubungkan situs WordPress Anda ke Amazon S3?

Tinggalkan komentar dan kami akan melakukan yang terbaik untuk membantu!

Jangan lupa untuk bergabung dengan kursus kilat kami tentang mempercepat situs WordPress Anda. Dengan beberapa perbaikan sederhana, Anda dapat mengurangi waktu loading hingga 50-80%:

Tata letak, presentasi, dan pengeditan oleh Karol K.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map