Sebelum mengklik tombol Mulai Lab

Baca petunjuk ini. Lab memiliki timer dan Anda tidak dapat menjedanya. Timer, yang dimulai saat Anda mengklik Start Lab, akan menampilkan durasi ketersediaan resource Google Cloud untuk Anda.

Lab praktik ini dapat Anda gunakan untuk melakukan sendiri aktivitas lab di lingkungan cloud sungguhan, bukan di lingkungan demo atau simulasi. Untuk mengakses lab ini, Anda akan diberi kredensial baru yang bersifat sementara dan dapat digunakan untuk login serta mengakses Google Cloud selama durasi lab.

Untuk menyelesaikan lab ini, Anda memerlukan:

Penyiapan dan persyaratan

Menginstal Hugo secara lokal

Sekarang, instal Hugo secara lokal pada instance Linux, sehingga Anda dapat menguji situs secara lokal sebelum men-deploy situs tersebut menggunakan Firebase. Sebuah skrip shell telah disediakan untuk mempermudah tugas ini.

Anda juga dapat melihat konten berikut ini:

Perhatikan penggunaan perintah wget untuk mendownload Hugo dan perintah tar untuk membuka arsip Hugo. Anda akan melihat perintah yang sama nanti di lab ini ketika Anda membuat pipeline.

Masukkan perintah di bawah ini untuk menjalankan skrip dan menginstal Hugo:

Anda akan menerima pesan yang mengatakan bahwa Hugo telah diinstal ke direktori /tmp seperti yang ditunjukkan berikut ini. Anda siap membangun infrastruktur situs.

Membuat repositori dan situs awal

Sekarang, buat sebuah Cloud Source Repository untuk menampung situs kemudian clone repositori tersebut ke instance Linux. Membuat clone repositori berarti membuat duplikasinya di dalam shell. Hal ini memungkinkan Anda menerapkan situs selagi di dalam shell, kemudian melakukan commit perubahan yang Anda buat ke dalam sistem file. Berikutnya dalam lab ini, Anda akan menyiapkan pipeline yang merespons commit tersebut ke repositori.

Masukkan perintah berikut pada shell instance Linux:

Jika diminta, jawab Yes untuk semua permintaan.

Anda akan menerima konfirmasi tentang pembuatan repositori dan cloning repositori, seperti yang ditunjukkan dalam gambar berikut. Anda dapat mengabaikan dua pesan peringatan tentang penagihan biaya repositori dan bahwa repositori tersebut kosong.

Klik Check my progress untuk memverifikasi tujuan. Repositori sumber telah dibuat

Biasanya, perintah hugo akan menghasilkan direktori. Opsi --force akan membuat situs di direktori repositori, yang sudah ada sebelumnya. Dengan begitu, Anda dapat menyimpan informasi terkait Git dalam direktori yang baru saja Anda clone. Anda akan melihat pesan yang menyatakan bahwa situs telah dibuat, seperti yang ditunjukkan dalam gambar berikut.

Anda akan melihat pesan yang menyatakan bahwa tema telah di-clone, seperti yang ditunjukkan di bawah ini.

Hugo akan membangun situs dan menyajikannya untuk diakses pada port TCP 8080, seperti yang ditunjukkan dalam gambar berikut. Server akan berjalan sampai dihentikan dengan menekan CTRL+C.

Situs akan tampak seperti ini.

Klik Check my progress untuk memverifikasi tujuan. Situs dapat diakses di Port 8080

Cara memulai lab dan login ke Google Cloud Console

Klik tombol Start Lab. Jika Anda perlu membayar lab, jendela pop-up akan terbuka untuk memilih metode pembayaran. Di sebelah kiri adalah panel Lab Details dengan info berikut:

Klik Open Google Cloud console (atau klik kanan dan pilih Open Link in Incognito Window jika Anda menjalankan browser Chrome).

Lab akan menjalankan resource, lalu membuka tab lain yang menampilkan halaman Sign in.

Tips: Atur tab di jendela terpisah secara berdampingan.

Jika perlu, salin Username di bawah dan tempel ke dialog Sign in.

Anda juga dapat menemukan Username di panel Lab Details.

Salin Password di bawah dan tempel ke dialog Welcome.

Anda juga dapat menemukan Password di panel Lab Details.

Klik halaman berikutnya:

Setelah beberapa saat, Konsol Google Cloud akan terbuka di tab ini.

Berikut adalah diagram tentang apa yang akan Anda bangun:

Sasaran yang ingin dicapai adalah mampu melakukan commit kode dan menugaskannya untuk memicu pipeline, yang kemudian akan men-deploy situs. Perjalanan Anda akan dibagi jadi dua bagian. Pertama, Anda akan membangun situs secara lokal dan men-deploy situs tersebut secara manual ke Firebase, guna mendapatkan pemahaman mengenai keseluruhan prosesnya. Kedua, Anda akan melakukan otomatisasi proses dengan membangun pipeline menggunakan Cloud Build.

Membuat pemicu Cloud Build

Sekarang, buat pemicu yang akan merespons commit ke cabang master dari repositori.

Manfaat dari situs statis

Pembuat situs statis seperti Hugo menjadi populer karena kemampuannya memproduksi situs yang tidak memerlukan server web. Platform web statis meniadakan tugas pemeliharaan sistem operasi server atau software. Namun, ada berbagai pertimbangan operasional. Sebagai contoh, Anda mungkin perlu menerapkan kontrol versi pada postingan Anda, menghosting situs Anda pada suatu jaringan penayangan konten ("CDN"), dan menyediakan sertifikat SSL.

Anda dapat memenuhi berbagai kebutuhan ini dengan menggunakan pipeline Continuous Integration/Continuous Deployment di Google Cloud. Pipeline deployment memungkinkan developer untuk berinovasi secara cepat dengan mengotomatisasi proses deployment keseluruhan. Di lab ini, Anda akan belajar cara membuat pipeline yang mendemonstrasikan otomatisasi seperti ini.

Hugo is a meeting notes platform for fostering a culture that improves meeting performance and cohesion for hybrid work teams.

Now just a new tab away - A centralized platform for teams to improve remote meetings. What is Hugo? Hugo's meeting notes platform improves meeting performance and cohesion for remote teams. How? By uniting calendars, docs, and tasks, Hugo makes it easy to share meeting agendas, collaborate in real-time, and ensure that actions don't slip through the cracks. From customer calls to team meetings to one-on-ones, Hugo unlocks an incomparable way to work, that equips people not only to run better meetings but to be better teammates who are the best at their jobs. Integrations with Google Calendar, Slack, and other apps ensure that meeting outcomes can be seamlessly shared with colleagues, even if they're not Hugo users themselves. The result is that people show up to meetings prepared, customer calls are more productive and teams know what’s happening whether or not they were in the same room. The Hugo Chrome extension replaces your empty Chrome tab with a quick view into your upcoming meetings. It’s the perfect launchpad to prepare for and run your meetings. KEY HUGO FEATURES • � Prepare agendas and write notes in your browser • ✅ Track tasks and action items • 💼 A library of 80+ agenda templates • 🚀 Quick access buttons on Google Calendar entries COMMITMENT TO PRIVACY Because Hugo connects to your calendar data, we’ve made sure it’s the safest place for your meeting knowledge. • 🕵��♀� Private. Your data is private, accessible only by you (or your team with your permission). • 💂�♀� Safe. Permissions to read and change site data allow the extension to work, not track you. • 🔒 Encrypted. All information is encrypted during transit and storage. PRICING Hugo is **free** for individuals and small teams. The Pro plan starts at $6/user/month. Learn more at www.hugo.team

Dalam lab ini, Anda akan membuat pipeline untuk men-deploy situs berbasis Hugo, yaitu sebuah pembuat situs statis. Anda akan menyimpan konten situs di Cloud Source Repositories dan men-deploy situs dengan Firebase, kemudian menggunakan Cloud Build untuk membuat pipeline guna secara otomatis men-deploy konten baru yang berkomitmen pada repositori.

Dalam lab ini, Anda akan mempelajari hal berikut:

Petunjuk yang disediakan di artikel ini memadai sebagai panduan untuk lab ini. Anda juga mungkin akan terbantu jika memiliki pengalaman langsung dengan layanan yang akan Anda gunakan. Berikut beberapa lab lain yang mungkin berguna untuk Anda:

Terhubung ke instance Linux

Akun layanan Cloud Build

Akun Layanan Cloud Build memerlukan izin untuk menggunakan Firebase guna men-deploy situs.

Setelah selesai membuat pipeline, Anda dapat membuat perubahan terhadap situs kemudian commit perubahan tersebut untuk melihat apakah perubahan telah diterapkan.

Klik Check my progress untuk memverifikasi tujuan. Cloud Build berhasil diinisialisasi

Anda telah mempelajari cara Cloud Build melakukan orkestrasi pipeline untuk men-deploy secara cepat situs Hugo ke Firebase, yang menyediakan CDN dan sertifikat SSL. Dengan Cloud Build, Anda dapat menyesuaikan proses sesuai dengan kebutuhan Anda. Waktu deployment yang singkat berarti Anda dapat berinovasi secara cepat dan menguji revisi situs Anda tanpa banyak upaya. Baca dokumentasi Cloud Build dan Firebase untuk mengetahui informasi lebih lanjut.