Vue Academy · Pelajaran

Pemantauan dan Penyelenggaraan

Pantau aplikasi produksi dan pastikan aplikasi tersebut sentiasa sihat.

Pelajaran 3 daripada 313 langkah

Pemantauan dan Penyelenggaraan ialah pelajaran Vue Academy percuma di CoddyKit. Ini ialah pelajaran 3 daripada 3. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Vue Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Vue Academy merangkumi sejumlah 3 pelajaran.

Kehidupan Selepas Pelancaran

Penerbitan ialah permulaan, bukan pengakhiran. Aplikasi yang sihat memerlukan pemantauan berterusan untuk mengesan ralat, analitik untuk memahami penggunaan, dan penyelenggaraan berkala supaya kekal selamat serta terkini.

Mengapa Menjejaki Ralat?

Ralat yang berlaku pada peranti pengguna tidak kelihatan kepada anda melainkan anda mengumpulkannya. Penjejakan ralat merekodkan ranap dalam pengeluaran supaya anda boleh membaiki masalah yang dihadapi pengguna, selalunya sebelum mereka melaporkannya.

Sentry untuk Penjejakan Ralat

Sentry ialah perkhidmatan penjejakan ralat yang banyak digunakan. Pasang SDK-nya dan mulakannya apabila aplikasi anda bermula supaya ralat yang tidak dikendalikan dapat direkodkan secara automatik.

npm install @sentry/vue

Memulakan Sentry

Mulakan Sentry dengan DSN projek anda dan instans aplikasi Vue supaya Sentry dapat disambungkan kepada pengendalian ralat 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")

Merekodkan Ralat Tersuai

Selain rakaman automatik, anda boleh melaporkan ralat yang dikendalikan secara manual untuk mendapatkan konteks tentang masalah yang telah ditangkap oleh kod anda.

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

Menambah Analitik

Analitik memberitahu anda cara pengguna sebenarnya menggunakan aplikasi anda: halaman yang mereka lawati, perkara yang mereka klik dan tempat mereka berhenti menggunakannya. Data ini membimbing keputusan produk.

Menjejaki Paparan Halaman

Dengan Vue Router, anda boleh menghantar peristiwa paparan halaman pada setiap navigasi menggunakan cangkuk penghala.

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

Mengekalkan Kebergantungan Terkini

Pakej yang lapuk mengumpulkan pepijat dan kelemahan keselamatan. Periksa kemas kini secara berkala dan gunakannya sambil terus menjalankan ujian.

npm outdated
npm update

Mengaudit Kelemahan

Jalankan audit keselamatan untuk mencari kelemahan yang diketahui dalam pepohon kebergantungan anda dan gunakan pembaikan yang tersedia.

npm audit
npm audit fix

Memantau Prestasi Pengeluaran

Pengguna sebenar mempunyai peranti dan rangkaian yang berbeza-beza. Gunakan pemantauan pengguna sebenar, yang selalunya terbina dalam alat ralat, serta metrik seperti masa muat untuk memastikan prestasi kekal baik selepas pelancaran.

Mengendalikan Perubahan yang Tidak Serasi

Kemas kini versi utama boleh memperkenalkan perubahan yang tidak serasi. Baca log perubahan dan panduan migrasi, kemas kini dalam cabang, jalankan rangkaian ujian anda dan baiki masalah sebelum menggabungkan perubahan. Ujian menjadikan proses ini selamat.

Semakan Pantas

Uji pengetahuan anda tentang pemantauan dan penyelenggaraan.

Jawab dalam pelajaran interaktif

Rumusan

Selepas pelancaran, lakukan pemantauan dengan penjejakan ralat (Sentry), fahami penggunaan melalui analitik, kekalkan pakej terkini dengan npm outdated dan npm audit, serta pantau prestasi pengeluaran. Kendalikan perubahan yang tidak serasi dengan teliti menggunakan rangkaian ujian anda. Seterusnya anda akan meneroka corak lanjutan dan amalan terbaik.

Percuma untuk bermula

Pelajari HTML dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 42
Pelajaran: 156

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Pemantauan dan Penyelenggaraan” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Vue Academy, termasuk “Pemantauan dan Penyelenggaraan”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Vue Academy merangkumi sejumlah 3 pelajaran.

Apakah yang akan saya pelajari dalam “Pemantauan dan Penyelenggaraan”?

Pantau aplikasi produksi dan pastikan aplikasi tersebut sentiasa sihat. Anda berlatih Vue Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Vue Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Vue Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 3 daripada 3.

Berapa lamakah pelajaran “Pemantauan dan Penyelenggaraan” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Vue Academy ini?

Ya. Setiap pelajaran Vue Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Vue Academy