Vue Academy · Ders

İzleme ve Bakım

Üretim uygulamalarını izleyin ve sağlıklı çalışmalarını sağlayın.

İzleme ve Bakım, CoddyKit'te ücretsiz bir Vue Academy dersidir. Bu, 3 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Vue Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Vue Academy kursu toplamda 3 dersten oluşur.

Yayına Alındıktan Sonra

Yayına almak son değil, başlangıçtır. Sağlıklı bir uygulamanın hataları yakalamak için sürekli izlemeye, kullanımı anlamak için analitik verilere ve güvenli ve güncel kalmak için düzenli bakıma ihtiyacı vardır.

Hatalar Neden İzlenmeli

Kullanıcıların cihazlarında meydana gelen hataları toplamadığınız sürece göremezsiniz. Hata izleme, üretimdeki çökmeleri yakalayarak kullanıcıların karşılaştığı sorunları, çoğu zaman onlar bildirmeden önce, düzeltmenizi sağlar.

Hata İzleme için Sentry

Sentry, yaygın olarak kullanılan bir hata izleme hizmetidir. SDK'sını kurup uygulamanız başlarken başlatın; böylece ele alınmamış hataları otomatik olarak yakalar.

npm install @sentry/vue

Sentry'yi Başlatma

Sentry'yi proje DSN'niz ve Vue uygulama örneğinizle başlatın; böylece Vue'nun hata işleme mekanizmasına bağlanabilir.

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")

Özel Hataları Yakalama

Otomatik yakalamanın yanı sıra, kodunuzun zaten ele aldığı sorunlar hakkında bağlam elde etmek için işlenmiş hataları elle bildirebilirsiniz.

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

Analitik Ekleme

Analitik veriler, kullanıcıların uygulamanızı gerçekte nasıl kullandığını gösterir: hangi sayfaları ziyaret ettiklerini, neye tıkladıklarını ve nerede ayrıldıklarını öğrenirsiniz. Bu veriler ürün kararlarına yön verir.

Sayfa Görüntülemelerini İzleme

Vue Router ile bir yönlendirici kancası kullanarak her gezinmede bir sayfa görüntüleme olayı gönderebilirsiniz.

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

Bağımlılıkları Güncel Tutma

Güncelliğini yitirmiş paketler hataları ve güvenlik açıklarını biriktirir. Güncellemeleri düzenli olarak denetleyin ve uygularken sınamaları çalıştırın.

npm outdated
npm update

Güvenlik Açığı Denetimi

Bağımlılık ağacınızdaki bilinen güvenlik açıklarını bulmak ve mevcut düzeltmeleri uygulamak için bir güvenlik denetimi çalıştırın.

npm audit
npm audit fix

Üretim Performansını İzleme

Gerçek kullanıcıların cihazları ve ağları farklıdır. Yayına aldıktan sonra performansın iyi kalmasını sağlamak için gerçek kullanıcı izlemeyi (çoğu zaman hata araçlarına dâhildir) ve yükleme süresi gibi ölçümleri kullanın.

Geriye Dönük Uyumsuz Değişiklikleri Ele Alma

Büyük sürüm güncellemeleri geriye dönük uyumsuz değişiklikler getirebilir. Değişiklik günlüğünü ve geçiş kılavuzunu okuyun, bir dalda güncelleme yapın, sınama paketinizi çalıştırın ve birleştirmeden önce sorunları düzeltin. Sınamalar bunu güvenli hâle getirir.

Hızlı Kontrol

İzleme ve bakım konusundaki bilginizi sınayın.

Özet

Yayına aldıktan sonra hata izlemeyle (Sentry) izleyin, analitik verilerle kullanımı anlayın, npm outdated ve npm audit ile paketleri güncel tutun ve üretim performansını takip edin. Geriye dönük uyumsuz değişiklikleri sınama paketinizi kullanarak dikkatle ele alın. Sırada gelişmiş kalıpları ve en iyi uygulamaları keşfetmek var.

Sıkça Sorulan Sorular

“İzleme ve Bakım” dersi ücretsiz mi?

Evet — “İzleme ve Bakım” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Vue Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Vue Academy kursu toplamda 3 dersten oluşur.

“İzleme ve Bakım” dersinde ne öğreneceğim?

Üretim uygulamalarını izleyin ve sağlıklı çalışmalarını sağlayın. Vue Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Vue Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Vue Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 3. dersidir.

“İzleme ve Bakım” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Vue Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Vue Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Vue Academy Sayfasına Dön