DE{CODE}: Praktik Terbaik untuk Penerapan Situs Dengan Lokal

Meskipun tidak ada cara yang salah untuk mengaktifkan situs Anda, sesi ini menelusuri berbagai opsi untuk menerapkan situs Anda dari lingkungan lokal ke lingkungan produksi Anda. Bergabunglah dengan Instruktur Independen dan Pengembang Web Carrie Dills saat dia melihat beberapa alat alur kerja Lokal, dan membahas mengapa Anda mungkin memilih satu metode penerapan daripada yang lain berdasarkan tim, alur kerja, dan detail situs Anda!

Slide Sesi

Transkrip Teks Lengkap

CARRIE DIL : Halo. Selamat datang di praktik terbaik penerapan situs dengan Lokal. Jadi sebagai pengembang web profesional, Anda sudah terbiasa dengan gagasan mengembangkan situs di mesin lokal Anda dan kemudian menyebarkannya ke server langsung dibandingkan benar-benar melakukan pengembangan di server langsung. Saat menyiapkan lingkungan pengembangan lokal, ada banyak pilihan. Anda punya MAMP atau WAMP atau XAMPP atau DesktopServer.

Ada banyak alat berbeda yang dapat Anda gunakan untuk itu. Favorit pribadi saya adalah LocalWP. Ini adalah pengiriman gratis– permisi. Ini disebut Lokal, tetapi tersedia di localwp.com. Ini adalah alat pengembangan gratis. Ini sangat mudah untuk disiapkan dan selain menjadi tempat untuk pengembangan situs lokal, ini juga memiliki beberapa opsi untuk menerapkan kehidupan situs Anda. Tapi ada banyak barang lain juga untuk alur kerja Anda, hal-hal seperti akses rute SSH, WPCLI, beberapa penghancur cache bawaan, dan bahkan seperti SSL sekali klik.

Jadi jika Anda sudah memiliki ini, maka Anda siap untuk pergi. Jika tidak, tidak apa-apa. Jadi bahkan sebelum kita berbicara tentang cara melakukan penerapan, mari kita mencadangkan bus dan berbicara tentang apa yang sebenarnya terlibat dalam memigrasikan situs WordPress. Jadi anggap saja itu sebagai dua hal. Anda punya file Anda, dan Anda punya database Anda. Dan ketika kita berbicara tentang memigrasikan sebuah situs, kita hanya berbicara tentang memindahkan kedua hal tersebut ke server tujuan. Mengerti?

Baiklah. Jadi jika Anda ingin membuka instalasi WordPress atau mungkin melakukan unduhan baru WordPress dan membukanya, yang akan Anda lihat adalah tiga file utama– atau permisi, folder, WP Admin, WP Termasuk dan Konten WP, dan segelintir file di direktori root itu. Sekarang untuk keperluan migrasi, dengan asumsi server tujuan Anda sudah menginstal WordPress, yang Anda khawatirkan hanyalah folder Konten WP itu. Jadi itu akan menyimpan tema Anda, plugin Anda, dan juga unggahan apa pun yang telah Anda lakukan melalui admin WordPress Anda. Jika Anda telah mengunggah file media, file tersebut juga akan dimasukkan secara fisik ke dalam folder Konten WP tersebut.

Jadi dengan mengingat hal itu, kami punya file, kami punya database. Mari lihat opsi kami untuk benar-benar bergerak maju dengan migrasi. Baiklah. Jika Anda mau bergabung dengan saya di mesin waktu Anda, yang saya yakin Anda duduk tepat di mana pun Anda menonton ini. Silakan, masuk ke mesin waktu itu, dan kita akan kembali ke sesuatu yang disebut FTP atau protokol transfer file. Saya meminta Anda– saya mendesak Anda, tolong jangan pernah menggunakan FT–

[TAWA]

–FTP. Jika Anda harus, setidaknya buka SFTP atau secure file transfer protocol, yang menambahkan lapisan keamanan atas proses pemindahan file tersebut. Atau Anda mungkin menggunakan host yang memiliki cPanel, yang fungsinya sama. Ini adalah browser file, dan Anda memindahkan file bolak-balik antara server lokal dan server langsung Anda. Jadi itu untuk mengurus file. Dan Anda seperti, tunggu, Carrie. Saya ingat Anda baru saja mengatakan Anda punya database untuk dipindahkan juga. Dan saya menghargai Anda mengingat itu.

Jadi ketika datang ke database, ini mungkin terasa sedikit mengintimidasi jika Anda tidak terbiasa melihat-lihat database MySQL. Dan, pada dasarnya, prosesnya adalah Anda akan mengekspor database lokal Anda sebagai file gzip. Anda akan mengunduhnya, dan kemudian di manajer basis data Anda yang ada di server produksi Anda, Anda akan mengimpor basis data itu.

[SUARA lengkingan]

Berhasil, berhasil. Itu menyelesaikan pekerjaan. Namun Anda mungkin perlu menggunakan plugin seperti Pencarian dan Penggantian Lebih Baik untuk mengganti semua URL pengembangan tersebut dengan URL aktif Anda. Jadi ingatlah itu.

Selanjutnya, kami memiliki plug-in migrasi. Kami telah secara resmi pindah ke masa depan dan menemukan cara yang lebih mudah untuk memindahkan situs dari lokal ke aktif. Jadi ketika berbicara tentang plugin migrasi, ada banyak sekali di repositori plugin WordPress. Beberapa favorit saya, All-In-One Migration, Duplicer, dan WP Migrate DB.

Sekarang dalam hal ini, ini akan memberi Anda jenis bantuan yang berbeda. Jadi versus proses yang sepenuhnya manual yang kami lihat dengan cPanel atau SFTP. Ini akan melakukan beberapa hal bagus seperti saat menyiapkan database Anda, ini akan melanjutkan dan membantu Anda dengan URL itu– penukaran URL lokal ke URL langsung. Dan itu akan mengemas file Anda untuk Anda, tetapi Anda masih harus melakukan sesuatu dengan file-file itu di pihak penerima. Dan masing-masing plug-in ini beroperasi dengan cara yang sedikit berbeda, tetapi mereka akan membantu Anda dalam proses go local to live.

Sekarang saya akan lalai di sini jika saya tidak menyebutkan plug-in favorit mutlak saya untuk ini, yaitu Migrate DB Pro. Ini dibuat oleh Brad Touesnard dan timnya di Delicious Brains. Dan apa yang dilakukan plugin ini, itu sebenarnya adalah plug-in penerapan grosir. Jadi itu akan mengambil file Anda, basis data Anda, membiarkan Anda benar-benar mengetahui tabel mana yang ingin Anda pindahkan, dan kemudian mendorongnya ke lingkungan langsung Anda. Sekarang karena ini adalah alat yang luar biasa, memang demikian– Anda harus mengeluarkan dompet untuk menggunakannya. Tapi ini adalah penghemat waktu yang sangat besar.

Tapi Anda mungkin berpikir, Carrie, saya pikir kita berbicara tentang Lokal. Dan kita berbicara tentang Lokal. Kami dulu harus mencadangkan, melihat apa yang terlibat dengan proses migrasi, dan kemudian memiliki beberapa gagasan tentang cara Anda dapat memigrasikan situs. Sekarang WP Migrate DB Pro luar biasa. Namun jika berbicara tentang Lokal, Anda juga mendapatkan lingkungan pengembangan lokal tersebut. Tapi tunggu, masih ada lagi. Anda mendapatkan sesuatu yang disebut Local Connect dan Magic Sync, yaitu kemampuan untuk melakukan penerapan sekali tekan dari lokal Anda ke siaran langsung. Dan itu sebenarnya memungkinkan Anda pergi ke arah lain juga, jika Anda ingin menarik. Tapi kami fokus pada penyebaran untuk ini.

Satu-satunya halangan dalam bergaul adalah Local Connect bekerja dengan dua host web, Flywheel dan WP Engine. Sekarang saya tahu banyak dari Anda yang menonton ini mungkin sudah memiliki akun tersebut. Itu luar biasa. Jika tidak, jangan takut, ada beberapa cara gratis untuk mencobanya.

Jadi Flywheel, Anda dapat membuat situs demo baru, memutarnya, menggunakannya untuk bermain dengan Local Connect. Dan kemudian, sama halnya dengan WP Engine, Anda dapat membuat akun program mitra gratis yang disertakan dengan situs yang dapat Anda sambungkan dengan Lokal.

OKE. Anda semua siap untuk demo? Saya mendengar suara ya. Jadi saya akan maju ke depan dengan demo. Tentu saja, apa yang mungkin salah?

[Terkekeh]

OKE. Jadi ketika datang ke proses penerapan, Anda harus memiliki situs untuk diterapkan. Jadi di sinilah saya di area akun WP Engine saya. Saya membuat situs lokal, dan menurut saya ini adalah lingkungan pementasan. Dan kita akan melanjutkan dan menambahkan itu. Sekarang kembali ke Lokal, pertama, saya perlu menghubungkan Lokal ke host saya, dalam hal ini, WP Engine.

Saya akan masuk, dan itu memberi saya beberapa tautan di sana. Aku akan pergi mengunjungi link atas ini. Itu membuat saya kembali ke akun WP Engine saya, dan di sana saya dapat menghasilkan kredensial saya. Jadi ini memberi saya nama pengguna dan kata sandi API. Biarkan saya melanjutkan dan menyalinnya, menuju ke Lokal, menempelkannya, dan melakukan hal yang sama untuk kata sandi. Dan sekarang kami sedang dalam proses menghubungkan ke WP Engine. Dan yang Anda lihat di sini adalah daftar semua situs yang telah saya host di WP Engine yang sekarang tersedia untuk saya dan Lokal. Dan perhatikan bahwa saya dapat menarik ini langsung ke Lokal. Tapi, sekali lagi, kita berbicara tentang arah lain di sini.

Oke, jadi sejauh ini kamu bersamaku? Kami telah membuat situs di host kami yang akan kami kirimkan ke situs lokal kami, dan kami juga menghubungkan alat Lokal ke WP Engine. Baiklah, bergerak maju. Sekarang saatnya untuk benar-benar memeriksa situs yang telah saya kembangkan secara lokal dan itu sangat membosankan, tetapi saya hanya ingin Anda melihat apa itu sehingga kami memiliki konteks ketika kami mengirimkannya ke hulu.

Jadi pertama, saya akan menghubungkan situs khusus ini ke WP Engine. Dan kemudian dengan satu klik, boop. Itu hanya akan mengatakan ke situs mana Anda ingin mengirimnya, dan saya akan memilih situs demo lokal yang baru saja saya buat. Dan Anda juga dapat mendorong langsung ke pementasan, produksi, atau pengembangan. Dan sekarang dalam hal ini, saya sedang melakukan pementasan. Dan Anda dapat secara opsional menyertakan apakah Anda ingin mengirim database atau tidak. Ini tip pro. Saat saya mengembangkan secara lokal, terkadang saya menjadi sangat malas dan menggunakan nama pengguna dan kata sandi yang buruk. Ingat, saat Anda mendorong ini ke server langsung, Anda ingin memastikan bahwa Anda menggunakan nama pengguna dan kata sandi yang aman, meskipun itu bukan lingkungan produksi Anda.

OKE. Jadi kami telah memulai proses mendorong. Itu melibatkan mengunggah file. Kami berbicara tentang memindahkan file

Dan kemudian kita akan pergi dan mengunggah database itu, karena kita memilih database dalam pilihan kita. Itu pasti ada di database besar.

[TAWA]

Sekarang sedang melakukan pencarian dan penggantian URL yang kami sebutkan, dan sedang memeriksa awalan tabel database untuk memastikan bahwa itu cocok antara lokal dan langsung. Jadi melalui proses penerapan itu, dan saya bahkan dapat melihat di bagian bawah layar berapa lama sejak penerapan terakhir saya. Jadi mari kembali ke akun WP Engine saya. Saya akan membuka situs yang baru saja saya dorong. Dan jika kita mengunjunginya, di sana Anda bisa melihat itu adalah situs lokal yang baru saja kita miliki. Sekali lagi, ini bukan sesuatu yang super spesial, tapi itu dia. Dan hanya untuk menunjukkan kepada Anda tentang situasi URL, di sana Anda dapat melihat bahwa itu memperbarui ke URL aktif. Sangat keren.

Baiklah. Masih bersamaku? Merangkum, sejauh ini kami telah mengambil situs langsung– atau permisi, situs lokal yang kami kembangkan secara lokal. Kami telah membuat situs di server tujuan. Kami telah menghubungkan lokal ke akun WP Engine kami dan juga menghubungkan situs tertentu ke WP Engine. Dan kemudian, voila, dengan menekan satu tombol, itu melakukan semuanya. Ini menggantikan URL. Ini menghancurkan cache. Itu juga melakukan pencadangan selama proses kalau-kalau ada yang tidak beres. Jadi menyebarkan dengan lokal adalah– sangat mudah. Pertama kali saya melihatnya, saya dijual.

Sekarang jika Anda tidak terkesan– saya harap begitu. Namun jika tidak, sekarang saya ingin memperkenalkan Anda pada sesuatu yang disebut MagicSync. Sekarang MagicSync adalah penampil tempat Anda mendapatkan semacam jendela dua panel tempat Anda dapat melihat file apa yang ada di situs lokal Anda dan membandingkannya dengan file di situs tujuan dan benar-benar spesifik tentang file mana yang ingin Anda gunakan. Mari lihat.

OKE. Jadi di sinilah saya kembali di Lokal. Dan jika saya membuka Preferensi Lokal, ada tombol yang dapat saya alihkan untuk MagicSync. Dan aktifkan itu, dan langsung saja terapkan. Oke, sekarang saya perlu membuat– atau menambahkan sesuatu ke situs Lokal saya yang sudah ada agar saya dapat menunjukkan cara kerja MagicSync. Dan saya akan melakukannya dengan menambahkan tema ke instalasi WordPress Lokal saya. Dan kita akan pergi dengan 2021.

Itu tidak masalah. Sekali lagi, hanya menunjukkan kepada Anda contoh cara kerjanya. Jadi tidak perlu aktivasi. Jadi kembali ke Lokal, saya akan mengklik Dorong lagi. Dan kali ini, Anda akan melihat– woo, ini dia, jendela MagicSync itu. Dan jika kita scroll ke bawah, itu dia tema 2021 itu. Kita dapat melihat bahwa itu ada di direktori file secara lokal dan jika kita mendorongnya, itu akan ditambahkan ke lingkungan jarak jauh itu.

Kami juga dapat melihat hal-hal yang akan dihapus jika kami mendorong ini dan artinya adalah bahwa file tersebut ada baik secara lokal maupun jarak jauh. Jadi dengan MagicSync, sekali lagi, Anda bisa benar-benar terperinci tentang file mana yang ingin Anda dorong. Sekarang Anda tidak perlu menggunakan MagicSync. Anda bisa saja melakukan dorongan grosir untuk semuanya, yang merupakan salah satu cara untuk melakukannya. Hanya perlu sedikit lebih lama daripada jika Anda menggunakan MagicSync untuk hanya mengirim file yang Anda tentukan.

Jadi kembali ke WP Engine. Mari kita lihat situs langsung. Dan jika saya pergi ke tema, di sana saya bisa melihatnya. Tema 2021 itu ada. Itu sangat keren. Oke, begitulah cara kerja MagicSync secara singkat. Jadi sekali lagi, Anda dapat menggunakan MagicSync sebagai bagian dari proses penerapan atau tetap menggunakan Local Push dan itu berfungsi– itu juga berfungsi dengan baik. Jadi saya berharap Anda senang melihat betapa mudahnya melakukan ini.

Sekarang jika Anda mengalami masalah saat melakukan semua ini, Lokal memiliki forum dukungan komunitas yang sangat fantastis. Dan mereka sangat aktif. Jadi jika Anda mengajukan pertanyaan, Anda akan mendapatkan jawaban di sana. Dan berteriak kepada Clay Griffith, yang sebenarnya adalah pencipta asli Lokal. Dan dia juga– Anda akan melihatnya di forum juga.

Sekarang jika Anda adalah pelanggan WP Engine atau Flywheel berbayar, Anda benar-benar mendapatkan dukungan khusus untuk Local dan Local Connect, yang benar-benar keren. Dan kedua tuan rumah itu, saya tahu dari pengalaman, memiliki tim pendukung yang luar biasa.

OK, jadi mari kita rekap. Dalam hal migrasi, apa opsi pertama itu? Benar, SFTP atau cPanel beserta database manual, Migration. Jadi Anda akan mengekspornya, lalu Anda harus mengimpornya. Jadi ini akan menjadi cara paling manual dalam melakukan penyebaran. Selanjutnya, kami memiliki plugin Migrasi, dan kemudian beberapa pembantu basis data yang melakukan hal-hal seperti itu mencari dan mengganti URL, hal-hal yang dapat memeriksa prefiks tabel basis data WordPress kami.

Jadi lebih baik– jauh lebih baik daripada model SFTP lama, tetapi masih belum 100% satu klik tombol. Yang, tentu saja, menyisakan yang terakhir, Local Connect dan MagicSync untuk membawa file dan database Anda ke server dan saya yakin Anda dapat membedakan mana yang merupakan alat favorit saya.

Jadi jika Anda ingin melanjutkan dan memulai, saya ingin mengundang Anda untuk mengunduh Lokal dari localwp.com jika Anda belum melakukannya dan Local Connect adalah fitur yang benar-benar gratis untuk digunakan. Perlu diingat bahwa ini hanya bekerja dengan Flywheel atau WP Engine. Dan ada beberapa cara untuk mencoba salah satu dari host tersebut, hanya untuk bermain-main dengan Connect dan merasakan bagaimana kelanjutannya.

Baiklah. Maka dengan itu, saya ingin mengucapkan terima kasih atas waktu dan perhatian Anda, dan saya berharap Anda banyak penerapan yang bahagia.