Membangunkan aliran kerja penjana tapak statik

penjana laman web statik: alat yang berkuasa untuk meningkatkan aliran kerja halaman pendaratan

mata teras:

• Penjana laman web statik seperti Hugo menawarkan banyak kelebihan, termasuk kawalan penuh ke atas kandungan dan reka bentuk web, penambahbaikan kelajuan dan peningkatan fleksibiliti. Tidak seperti sistem pengurusan kandungan seperti WordPress membina halaman setiap kali permintaan pengunjung, penjana laman web statik membina laman web apabila membuat atau mengedit kandungan baru.
• berpindah ke penjana laman web statik dapat memudahkan proses hosting. UserNap berjaya menggunakan Netlify, yang berfungsi dengan baik dengan GitHub dan menyediakan proses penempatan yang mudah.
• Menggunakan GitHub untuk Pengurusan Kod Sumber, Ujian Automatik dengan Codeship, dan Ujian Manual dengan UserNap mencipta aliran kerja pembangunan yang kuat untuk laman web statik. Gabungan alat ini membolehkan pelaporan ralat yang cekap dan ujian automatik untuk memastikan persekitaran yang berkualiti tinggi dan bebas.

Dalam artikel ini, pemasar teknikal UserNap Thomas Peham menerangkan bagaimana dan mengapa penjana laman web statik dapat membantu aliran kerja halaman pendaratan anda.

Tidak ada yang suka mencari pepijat. Lebih buruk lagi, tiada siapa yang suka mencari bug apabila membeli produk digital. Itulah sebabnya, sebagai sebuah syarikat yang menyediakan alat penjejakan pepijat berasaskan web untuk puluhan ribu pengguna, kita perlu memastikan persekitaran bebas bug. Apabila laman web kami berkembang -dan oleh itu bilangan baris kod -kami bermotivasi untuk mencari cara untuk meningkatkan aliran kerja dalaman. Dalam artikel ini, saya ingin memperkenalkan anda ke perjalanan yang telah kami lakukan sejak beberapa bulan kebelakangan untuk menukar tumpukan alat kami dan bagaimana kami menjana dan menggunakan halaman pendaratan baru.

stack alat baru usernap.com

Sebaik sahaja kami memutuskan untuk memperbaiki aliran kerja dalaman halaman pendaratan usernap.com, terdapat banyak soalan yang perlu dijawab. Sistem pengurusan kandungan mana yang hendak digunakan? Alat perisian apa? Terdapat lebih banyak soalan. Kami akhirnya menggunakan Hugo sebagai kerangka laman web utama untuk usernap.com. Keputusan ini membawa kepada perubahan radikal dalam cara pasukan berkolaborasi dan berkembang.

Kelebihan penjana laman web statik

Jadi peranan apa yang dimainkan oleh Hugo dalam tetapan laman web kami? Hugo adalah penjana laman web statik sumber terbuka. Generator Laman Web Statik membina laman web apabila anda membuat kandungan baru atau mengedit kandungan. Sebaliknya, sistem pengurusan kandungan seperti WordPress membina halaman setiap kali permintaan pelawat (walaupun terdapat pelbagai teknik caching yang tersedia). Terdapat banyak faedah untuk memilih penjana laman web statik seperti Hugo dan bukannya sistem seperti WordPress. Dan kelebihan ini bukan hanya mengenai prestasi. Laman web statik yang dibuat dengan Hugo memberi anda 100% kawalan ke atas kandungan dan reka bentuk web anda. Jika anda merancang untuk memulakan laman web dengan susun atur dan jenis kandungan yang berbeza, masuk akal untuk mempertimbangkan menggunakan penjana laman web statik dan bukannya sistem pengurusan kandungan kerana anda akan lebih cepat dan lebih fleksibel. Juga, anda tidak perlu mengetahui semua ciri CMS tertentu, tetapi anda hanya perlu mengetahui asas -asas HTML dan CSS. Hugo pada asalnya dilancarkan oleh Steve Francia sebagai projek sampingan. Hari ini, komuniti Hugo mempunyai lebih daripada 165 penyumbang, 35 topik dan ribuan pengguna. Kami telah menggunakan Hugo di projek sampingan kami bugtrackers.io, dan kami tahu ia juga merupakan rangka kerja yang kami mahu gunakan untuk usernap.com.

hosting statik di Netlify

Selepas memutuskan bahawa CMS seperti WordPress membawa lebih banyak kerumitan daripada faedah, kami mula mencari tuan rumah statik. Keperluannya mudah dan jelas. Tuan rumah statik mesti berfungsi dengan sempurna dengan GitHub, dan kita perlu dapat menubuhkan proses penempatan yang semua orang dalam syarikat boleh melakukan. Apabila Divshot (tuan rumah kami di Bugtrackers.io) ditutup selepas diperoleh oleh Google, kami beralih ke Netlify. Kami sangat berpuas hati dengan Netlify, jadi memilihnya sebagai halaman pendaratan statik kami juga merupakan keputusan semula jadi dan mudah.

Gunakan github untuk kawalan versi

Oleh kerana kami telah menggunakan GitHub dalam beberapa projek lain, kami tahu GitHub akan menjadi tempat untuk pengurusan kod sumber kami. Sangat mudah untuk menubuhkan repositori swasta untuk halaman pendaratan baru kami dan menyambungkan GitHub ke Netlify.

terutamanya untuk penjana laman web statik seperti Hugo, aliran kerja ini menjadi lebih berkuasa. Menggunakan arahan

, anda boleh mengkonfigurasi Hugo di Netlify. Anda hanya perlu memilih bagaimana projek itu dibina dan direktori yang harus dihoskan secara terbuka. Setiap kali anda menolaknya ke GitHub, Netlify menjalankan arahan membina anda dan menggunakan hasilnya. Dalam contoh kami, konfigurasi kelihatan seperti ini: hugo

<code>Repository: usersnap/landing-pages
Branch: master

Build cmd: cd src && npm install &&node_modules/bower install && node_modules/brunch/bin/brunch 
build —production && cd .. && hugo

Public folder: /public</code>

(kami menjalankan alat lain untuk pra -proses JavaScript dan CSS.)

ujian menggunakan codeship dan usernap

Ketika datang ke ujian dan jaminan kualiti, kebanyakan orang nampaknya sibuk mengelakkan topik ini. ;) Menggunakan CODESHIP (untuk ujian automatik) dan UserNap (untuk ujian manual), saya fikir kami mendapati alat yang sempurna yang membolehkan kami melaporkan pepijat pada bila -bila masa sambil mempunyai jaring keselamatan ujian automatik. Oleh itu, sebelum kod kami dihoskan di Netlify, ia akan diuji, disediakan dan digunakan oleh kod. Dengan cara ini, kami menyediakan persekitaran pementasan dan pengeluaran untuk laman web statik. Sebaik sahaja dikerahkan, kami menggunakan UsersNap (ya, kami menggunakan produk kami sendiri) untuk ujian manual dan jaminan kualiti, atau hanya membincangkan idea -idea baru atau mengumpul maklum balas mengenai apa -apa. Singkatnya, aliran kerja pembangunan adalah seperti berikut:

Untuk mendapatkan semua orang dalam pasukan yang terlibat, kami menghubungkan CodeShip dan UsersNap untuk Slack. Dorongan baru akan dipaparkan dalam saluran kendur yang berdedikasi. Di samping itu, pemaju akan menerima pemberitahuan dalam Slack mengenai laporan pepijat dan maklum balas baru.

menguruskan bug dan dapatkan pekerjaan yang dilakukan

Menerima makluman dan pemberitahuan mengenai pepijat dan kesilapan baru adalah perkara yang sama. Mengutamakan, memperuntukkan, dan membetulkannya adalah perkara lain. Pasukan produk dan pembangunan kami bergantung pada pelan tindakan produk, yang kami panggil matriks berfungsi. Matriks ciri ini merangkumi semua ciri, pembetulan pepijat dan permintaan perubahan yang dikerjakan oleh pasukan kami. Sebagai tambahan kepada matriks berfungsi, kami juga menggunakan beberapa alat dalaman untuk memudahkan komunikasi dan kehidupan. Kami ingin memanggil Slack rumah kami kerana ia membolehkan kami berkomunikasi antara satu sama lain di seluruh syarikat. Untuk menguruskan projek -projek baru dan mendapatkan pekerjaan yang dilakukan, kami bergantung pada alat pengurusan produk Blossom, yang membolehkan kami mempunyai pemahaman yang baik tentang gambaran yang lebih besar. Sebagai contoh, kami mempunyai papan bunga untuk produk kami, yang membolehkan kami mempunyai pemahaman yang baik tentang status semasa keperluan produk baru. Kami juga mempunyai papan hitam untuk semua projek laman web statik.

Apa yang akan datang?

Sebagai permulaan yang semakin meningkat, kami terus memikirkan cara baru untuk meningkatkan kecekapan. Menambah pekerja baru kepada pasukan pembangunan kami juga memerlukan kami untuk memikirkan semula bagaimana kami bekerja dan mengenal pasti kerja yang mesti dilakukan secara berbeza. Melalui aliran kerja baru kami, kami telah menemui cara untuk menjadi lebih cekap dalam menggunakan halaman pendaratan baru. Ke depan, kami percaya DevOps menjadi semakin penting untuk membangun syarikat. Infrastruktur penyumberan luar kepada perkhidmatan seperti AWS atau Azure telah menjadi standard de facto untuk membina dan berskala perisian. Akibatnya, operasi infrastruktur menjadi kurang penting - walaupun kita melihat permintaan yang semakin meningkat untuk sumber, kemahiran dan alat yang mengendalikan operasi dan perkhidmatan perisian anda. Nasib baik, sudah ada pelbagai perkhidmatan yang dapat membantu anda mempercepatkan DevOps.

(seluruh artikel adalah FAQ dan telah dilindungi dalam balasan sebelumnya, kandungan pendua ditinggalkan di sini)

Atas ialah kandungan terperinci Membangunkan aliran kerja penjana tapak statik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!