Tutorial Pengembangan WordPress yang Berbeda: Cara Mengotomatiskan Alur Kerja Anda

Tutorial Pengembangan WordPress tentang Otomatisasi


Sebagai pengembang WordPress, tetap up to date dengan teknik dan tren terbaru dapat mengintimidasi. Ambil otomatisasi, misalnya – apakah Anda di atas apa yang dapat dilakukan dalam hal mengotomatisasi alur kerja Anda? Tidak terlalu? Oke, artikel ini bisa membantu Anda. Ini sedikit berbeda dari tutorial pengembangan WordPress biasa. Ini berfokus pada mengotomatisasi apa pun yang dapat diotomatisasi saat mengerjakan proyek WordPress Anda berikutnya.

Tutorial pengembangan WordPress berikut berjalan melalui langkah-langkah yang terlibat dalam siklus pengembangan khas. Sepanjang jalan, kami akan mengusulkan solusi dan alat yang dapat Anda gunakan untuk mengotomatisasi proses tertentu untuk mengurangi waktu rilis Anda.

Manfaat otomatisasi

Sebelum kita melanjutkan untuk membahas otomatisasi, mari kita diskusikan mengapa Anda harus mengotomatiskan proses tertentu.

  • ⏲️ Otomasi menghemat waktu, dan karena itu uang. Bayangkan waktu yang dihemat jika Anda menyinkronkan versi pengembangan WordPress lokal Anda dengan server dengan satu klik.
  • �� Selanjutnya, otomatisasi langkah-langkah redundan membantu menghindari kesalahan. Dalam proses menyinkronkan perubahan Anda dengan server, Anda dapat secara tidak sengaja mengunggah versi yang salah. Ini mengarah ke pengerjaan ulang.
  • ��️ Selanjutnya, mengotomatiskan berbagai langkah dalam siklus pengembangan Anda membantu dalam keterlacakan. Melakukan hal itu membantu Anda dalam men-debug kode Anda. Misalnya, Anda dapat memiliki log yang tepat tentang perubahan apa yang diunggah ke server pada tanggal berapa.
  • �� Akhirnya, otomasi membantu Anda fokus pada hal-hal yang lebih penting seperti inovasi! Jika Anda tidak dibebani oleh tugas yang berulang dan berulang, Anda memiliki lebih banyak waktu untuk tugas-tugas penting yang membutuhkan perhatian Anda.

Tutorial pengembangan WordPress ini membantu Anda mencapai efisiensi yang lebih tinggi dengan terlebih dahulu menemukan langkah-langkah yang berlebihan, dan kemudian membantu Anda mengotomatiskannya.

Otomatiskan lingkungan pengembangan Anda

Bayangkan kebutuhan untuk secara manual membuat lingkungan pengembangan setiap saat dalam skenario berikut:

  • Mulai proyek
  • Pindah ke mesin pengembangan baru
  • Punya anggota tim baru

Membuat daftar perangkat lunak dan perintah adalah langkah pertama dalam otomatisasi. Namun, secara manual melalui setiap langkah membutuhkan waktu yang signifikan, dan rentan terhadap kesalahan. Jadi, daftar seperti itu masih tidak cukup untuk mengatur lingkungan Anda.

Buruh pelabuhan adalah layanan yang membantu Anda mengatur lingkungan pengembangan pada mesin baru berdasarkan kebutuhan Anda. Docker memperkenalkan konsep kontainer. Wadah adalah sistem yang hampir tertutup yang dibuat dengan lingkungan pengembangan Anda. Dengan Docker, Anda tidak akan pernah menemukan diri Anda dalam situasi di mana seseorang memperbarui beberapa perangkat lunak di server, dan tidak ada yang berhasil!

buruh pelabuhan

Pertama, Anda menentukan lingkungan pengembangan, yang menentukan apa yang sebenarnya Anda butuhkan di mesin baru. Lalu, jalankan perintah pada mesin baru untuk memulai proses – sesederhana itu!

Berikut panduannya mengatur Docker untuk WordPress. Plus, ini dia file konfigurasi Docker cepat untuk WordPress.

Ada satu kelemahan Docker – jika Anda menggunakan lingkungan pengembangan berbasis Windows (seperti SQL Server, .NET atau VisualBasic), Anda tidak dapat mengimplementasikannya menggunakan Docker.

Kontrol versi dengan Integrasi Berkelanjutan

Langkah selanjutnya dalam tutorial pengembangan WordPress tentang otomatisasi ini adalah fokus pada manajemen kode. Ketika beberapa pengembang bekerja pada kode yang sama pada saat yang sama, mereka umumnya menggunakan beberapa bentuk kontrol versi seperti Git atau Lincah. Berikut adalah tutorial pengembangan WordPress di kontrol versi.

lincah

Saat menggunakan perangkat lunak manajemen kode, pengembang dapat membuat salinan repositori pusat. Mereka dapat membuat perbaikan dalam repositori dan mengirimkan perubahan untuk digabungkan dengan kode asli. Repositori populer mungkin memiliki ratusan bahkan ribuan perubahan dalam sehari. Mungkin ada berbagai konflik yang mungkin muncul ketika pengembang ingin menggabungkan kode. Dalam kasus yang paling ekstrim, mungkin saja terjadi bahwa waktu yang diperlukan untuk menyelesaikan masalah selama penggabungan lebih dari waktu yang dibutuhkan untuk melakukan perbaikan awal itu sendiri.

Integrasi Berkelanjutan adalah tentang menghindari skenario ini dengan sering menggabungkan pekerjaan pengembang. Namun, penggabungan tidak sesederhana kedengarannya. Ini melibatkan kompilasi dan pengujian oleh pengembang sebelum melakukan kode apa pun. Biasanya, server build menjalankan pemeriksaan ini pada kode begitu kode didorong ke repositori pusat. Proses ini mengurangi pengerjaan ulang, salah satu sumber pemborosan, sehingga menghemat biaya dan waktu. Frekuensi pengujian dan pembangunan bervariasi, tetapi saat ini, proses ini dilakukan setelah setiap komitmen.

Integrasi berkelanjutan dengan Travis CI

travis-ci

Travis CI menyediakan versi gratis untuk repositori open source. Anda hanya perlu membayar untuk proyek pribadi Anda. Saya akan menunjukkan proyek pada GitHub dalam contoh ini. Setelah Anda terdaftar di Travis (saya sarankan mendaftar melalui GitHub), Anda perlu melakukan langkah-langkah berikut untuk mulai membangun:

  • Aktifkan repositori GitHub Anda
  • Tambahkan file .travis.yml ke direktori root di repositori Anda
  • Dorong ke repositori untuk membangun dengan Travis

Pada Anda Profil Travis, aktifkan repositori yang ingin Anda uji dengan Travis.

Ini contoh saya mengaktifkan repositori repositori sampel web:

Mengaktifkan repositori di TravisMengaktifkan repositori di Travis

Setelah mengaktifkan repositori Anda, Anda perlu menambahkan file .travis.yml ke repositori Anda. Isi file adalah sebagai berikut:

bahasa: python
python:
– "2.6"
– "2.7"
# perintah untuk menginstal dependensi
# Install: "pip instal -r requirement.txt"

# perintah untuk menjalankan tes
skrip: python tests.py

Anda perlu menentukan bahasa (Python) dan versinya untuk diuji. Jika Anda memiliki dependensi untuk diinstal, Anda perlu mencantumkannya dalam file requirement.txt. Karena hanya tes dummy yang dijalankan dalam repositori ini, baris persyaratan dilewati. Jika tidak dikomentari, persyaratan ini dipasang di lingkungan build oleh Travis sebelum menjalankan tes Anda. Akhirnya, perintah yang menjalankan tes ditentukan. Seperti repositori open source e-cidadania memiliki file .travis.yml yang lebih rinci.

Ketika Anda selesai dengan kode, komit dan dorong kode ke GitHub. Anda dapat melihat hasil tes di halaman repositori Anda. Email juga dikirim dengan hasil tes. Anda juga dapat memicu bangunan lain melalui halaman profil Anda untuk memeriksa pembangunan yang terjadi secara real time:

Bangun kesuksesan di TravisBangun kesuksesan di Travis

Mengotomatiskan pengembangan tema

Hal berikutnya yang akan dibahas dalam tutorial pengembangan WordPress yang tidak biasa ini adalah pengembangan tema. Meskipun menggunakan sistem manajemen kode sudah cukup untuk setiap kode yang Anda ubah di direktori WordPress Anda, langkah-langkah perantara selama pengembangan suatu tema dapat dilakukan, dan harus otomatis!

Mari kita berhenti sejenak untuk menuliskan beberapa tugas yang khas untuk proses pengembangan tema setelah Anda menyelesaikan perubahan pada tema Anda:

  • Kompilasi kode preprocessor CSS ke CSS
  • Perkecil file CSS
  • Tambahkan gambar baru ke tema
  • Optimalkan gambar
  • Hasilkan tema anak
  • Perhatikan perubahan dan perbarui repositori

Semua tugas ini berlebihan, yang menunjukkan ruang lingkup untuk otomatisasi. Inilah cara kami dapat melakukannya:

Mengotomatiskan pengembangan tema dengan Gulp

Mari kita fokus pada alat yang populer, Teguk, untuk mengotomatiskan pengembangan dan penyebaran tema. Gulp adalah toolkit yang membantu mengotomatisasi semua proses yang tercantum di atas. Gulp adalah alat berbasis JavaScript yang berjalan di server Node.js.

gulpjs

Untuk menginstal Gulp, Anda perlu Node.js dan NPM diinstal. Anda kemudian dapat menginstal Gulp dengan menjalankan perintah berikut di terminal.

npm instal gulp -g

Untuk mengerjakan tema dengan Gulp, Anda perlu menavigasi ke direktori tema, biasanya terletak di / wp-content / themes /, dan menginisialisasi NPM dengan perintah npm init di terminal.

Selanjutnya, Anda harus menambahkan Gulp ke file package.json.

{
"nama": "temanku",
"Versi: kapan": "1.0.0",
"deskripsi": "Otomasi Tutorial Pengembangan WordPress dengan Gulp",
"penulis": "Namaku",
"ketergantungan":
{
"teguk": "^ 3.9.1"
}
}

Setelah Gulp diinisialisasi di direktori Anda, Anda perlu mendefinisikan Tugas tegar menggunakan functiontask () – setiap tugas adalah langkah otomatisasi yang dilakukan Gulp. Ini dia panduan terperinci tentang tugas menulis dengan Gulp.

Apakah Anda tertarik dengan cara kami mengotomatiskan pengembangan tema – inilah tutorial yang akan membawa Anda dalam perjalanan tim teknik.

Menguji produk akhir dengan penyebaran berkelanjutan

Langkah terakhir dalam tutorial pengembangan WordPress ini adalah untuk mengotomatiskan pengujian produk akhir Anda. Singkatnya, Anda akan mencoba menilai apakah situs web Anda menampilkan dengan benar di seluruh perangkat.

Sebagai Tren DevOps terbaru menyarankan, praktik terbaik adalah melampaui Integrasi Berkelanjutan. Setelah Anda berhasil menerapkan Integrasi Berkelanjutan, Anda mungkin bertanya-tanya, bukankah kode yang ada di repositori pusat Anda selalu dalam kondisi kerja? Jawaban logisnya adalah ya, dan karenanya, masuk akal untuk merilis versi terbaru dari perangkat lunak Anda ketika proses telah dilakukan!

Apakah masuk akal dalam semua situasi? Tidak, terutama jika klien Anda tidak ingin pembaruan terus menerus. Namun, itu adalah filosofi menjaga kode Anda siap dikirim. Dalam situasi di mana Anda mengembangkan produk Anda sendiri, penyebaran berkelanjutan adalah yang paling efisien. Di Google, dibutuhkan sekitar 8 menit agar kode ditayangkan setelah Anda melakukan!

Jika Anda membuat aplikasi web, kompilasi mungkin tidak berarti itu berfungsi di berbagai perangkat. Dalam kasus seperti itu, alat seperti BrowserStack berguna. Ini menjalankan aplikasi web Anda pada perangkat nyata dari berbagai produsen yang menjalankan berbagai sistem operasi untuk memastikan mereka bekerja untuk konsumen akhir.

browserstack

Penerapan berkelanjutan dengan BrowserStack

Di BrowserStack, Anda dapat menjalankan tes melalui Python Selenium, yang perlu diinstal melalui PIP.

pip instal selenium

Mari kita jalankan tes sederhana menggunakan Galaxy Note 8 yang menjalankan Android v7.1. Tautan yang saya berikan dalam kode di bawah ini dapat diperoleh setelah mendaftar di BrowserStack (ada uji coba gratis). BrowserStack membuat Anda dengan kode sampel setelah Anda memilih opsi.

Menyiapkan tes pertama Anda di BrowserStackMenyiapkan tes pertama Anda di BrowserStack
dari pengimpor web selenium
dari selenium.webdriver.common.keys tombol impor
dari selenium.webdriver.common.desired_capabilities impor DesiredCapabilities

diinginkan_cap = {
‘browserName’: ‘android’,
‘perangkat’: ‘Samsung Galaxy Note 8’,
‘realMobile’: ‘true’,
‘os_version’: ‘7.1’
}

driver = webdriver.Remote (
command_executor = ‘http: // shaumikdaityari1: [email protected]: 80 / wd / hub’,
diinginkan_capabilities = diinginkan_cap)

driver.get ("https://www.codeinwp.com/")
elem = driver.find_element_by_name ("q")
elem.send_keys ("BrowserStack")
elem.submit ()
print (driver.title)
driver.quit ()

Untuk menjalankan cukup jalankan file, atau jalankan perintah di terminal.

python browser_test.py

Anda dapat mengkonfirmasi apakah tes berhasil dari terminal Anda. Selanjutnya, Anda juga dapat kembali ke akun BrowserStack Anda untuk memeriksa video tentang bagaimana itu sebenarnya dijalankan.

Video dan log tes BrowserStackVideo dan log tes BrowserStack

Anda dapat mengotomatiskan pengujian pada browser seluler. BrowserStack memungkinkan Anda untuk menjalankan tes di server Anda sendiri juga, seperti yang dijelaskan dalam dokumentasi.

Jika Anda membuat aplikasi seluler, Anda ingin itu diuji pada berbagai perangkat melalui alat tertentu. Itu mungkin dengan TestGrid, yang memungkinkan Anda menjalankan aplikasi di berbagai perangkat.

Pikiran akhir tentang tutorial pengembangan WordPress yang tidak biasa ini (otomatis)

Dengan ini, kita sampai pada akhir tutorial ini tentang mengotomatisasi tugas selama pengembangan WordPress. Kami membahas manfaat otomatisasi dan berbagai tugas yang dapat diotomatisasi dalam siklus pengembangan Anda.

Apakah Anda menggunakan teknik atau alat lain untuk mengotomatiskan alur kerja pengembangan Anda untuk WordPress? Bagikan trik Anda di komentar di bawah.

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%:

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