Vue Academy · Pelajaran

Pemantauan dan Pemeliharaan

Pantau aplikasi produksi dan jaga agar tetap berfungsi dengan baik.

Pemantauan dan Pemeliharaan adalah pelajaran Vue Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Vue Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Vue Academy mencakup 3 pelajaran total.

Kehidupan Setelah Peluncuran

Perilisan adalah awal, bukan akhir. Aplikasi yang sehat memerlukan pemantauan berkelanjutan untuk menemukan kesalahan, analitik untuk memahami penggunaan, dan pemeliharaan rutin agar tetap aman serta terbaru.

Mengapa Melacak Kesalahan?

Kesalahan yang terjadi pada perangkat pengguna tidak terlihat oleh Anda kecuali jika dikumpulkan. Pelacakan kesalahan menangkap kerusakan di produksi sehingga Anda dapat memperbaiki masalah yang dialami pengguna, sering kali sebelum mereka melaporkannya.

Sentry untuk Pelacakan Kesalahan

Sentry adalah layanan pelacakan kesalahan yang banyak digunakan. Pasang SDK-nya dan inisialisasi saat aplikasi dimulai agar kesalahan yang tidak ditangani dapat ditangkap secara otomatis.

npm install @sentry/vue

Menginisialisasi Sentry

Inisialisasi Sentry dengan DSN proyek Anda dan instans aplikasi Vue agar Sentry dapat terhubung ke penanganan kesalahan Vue.

import * as Sentry from "@sentry/vue"
import { createApp } from "vue"
import App from "./App.vue"

const app = createApp(App)
Sentry.init({
  app,
  dsn: "https://example@sentry.io/123"
})
app.mount("#app")

Menangkap Kesalahan Khusus

Selain penangkapan otomatis, Anda dapat melaporkan kesalahan yang telah ditangani secara manual untuk mendapatkan konteks tentang masalah yang sudah ditangkap oleh kode Anda.

try {
  riskyOperation()
} catch (err) {
  Sentry.captureException(err)
}

Menambahkan Analitik

Analitik memberi tahu Anda cara pengguna sebenarnya memakai aplikasi: halaman yang mereka kunjungi, hal yang mereka klik, dan tempat mereka berhenti menggunakannya. Data ini membantu mengarahkan keputusan produk.

Melacak Tampilan Halaman

Dengan Vue Router, Anda dapat mengirim peristiwa tampilan halaman pada setiap navigasi menggunakan kait router.

router.afterEach((to) => {
  trackPageView(to.fullPath)
})

Memperbarui Dependensi

Paket yang kedaluwarsa menumpuk bug dan celah keamanan. Periksa pembaruan secara berkala dan terapkan pembaruan tersebut sambil terus melakukan pengujian.

npm outdated
npm update

Mengaudit Kerentanan

Jalankan audit keamanan untuk menemukan kerentanan yang diketahui dalam pohon dependensi dan terapkan perbaikan yang tersedia.

npm audit
npm audit fix

Memantau Kinerja Produksi

Pengguna nyata memiliki perangkat dan jaringan yang beragam. Gunakan pemantauan pengguna nyata (yang sering tersedia di dalam alat kesalahan) serta metrik seperti waktu muat untuk memastikan kinerja tetap baik setelah peluncuran.

Menangani Perubahan yang Merusak

Pembaruan versi utama dapat menimbulkan perubahan yang merusak. Baca catatan perubahan dan panduan migrasi, perbarui di sebuah cabang, jalankan rangkaian pengujian Anda, lalu perbaiki masalah sebelum menggabungkannya. Pengujian membuat proses ini aman.

Uji Cepat

Uji pemahaman Anda tentang pemantauan dan pemeliharaan.

Ringkasan

Setelah peluncuran, lakukan pemantauan dengan pelacakan kesalahan (Sentry), pahami penggunaan melalui analitik, perbarui paket dengan npm outdated dan npm audit, serta pantau kinerja produksi. Tangani perubahan yang merusak dengan hati-hati menggunakan rangkaian pengujian Anda. Selanjutnya Anda akan mempelajari pola lanjutan dan praktik terbaik.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Pemantauan dan Pemeliharaan” gratis?

Ya — teks lengkap “Pemantauan dan Pemeliharaan” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Vue Academy, upgrade ke CoddyKit PRO. Kursus Vue Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Pemantauan dan Pemeliharaan”?

Pantau aplikasi produksi dan jaga agar tetap berfungsi dengan baik. Kamu berlatih Vue Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Vue Academy?

Tidak diperlukan pengalaman sebelumnya. Vue Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.

Berapa lama pelajaran “Pemantauan dan Pemeliharaan” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Vue Academy ini?

Ya. Setiap pelajaran Vue Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Vue Academy