Vue Academy · Lektion

Övervakning och underhåll

Övervaka produktionsappar och håll dem välfungerande.

Lektion 3 av 313 steg

Övervakning och underhåll är en gratis lektion i Vue Academy på CoddyKit. Detta är lektion 3 av 3. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för Vue Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Vue Academy innehåller totalt 3 lektioner.

Livet efter lanseringen

Publiceringen är början, inte slutet. En välfungerande app behöver löpande övervakning för att upptäcka fel, analys för att förstå användningen och regelbundet underhåll för att förbli säker och aktuell.

Varför spåra fel?

Fel som uppstår på användarnas enheter är osynliga för dig om du inte samlar in dem. Felspårning fångar krascher i produktion, så att du kan åtgärda problem som användarna stöter på, ofta innan de rapporterar dem.

Sentry för felspårning

Sentry är en välanvänd tjänst för felspårning. Installera dess SDK och initiera det när appen startar, så att oupptäckta fel fångas automatiskt.

npm install @sentry/vue

Initiera Sentry

Initiera Sentry med projektets DSN och Vue-appens instans, så att tjänsten kan kopplas in i Vues felhantering.

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

Fånga anpassade fel

Utöver automatisk insamling kan du rapportera hanterade fel manuellt för att få mer sammanhang kring problem som koden redan fångar.

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

Lägga till analys

Analys visar hur användarna faktiskt använder appen: vilka sidor de besöker, vad de klickar på och var de avbryter. Dessa data vägleder produktbeslut.

Spåra sidvisningar

Med Vue Router kan du skicka en sidvisningshändelse vid varje navigering genom att använda en router-hook.

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

Hålla beroenden uppdaterade

Föråldrade paket samlar på sig buggar och säkerhetshål. Sök regelbundet efter uppdateringar och tillämpa dem medan du testar stegvis.

npm outdated
npm update

Granska sårbarheter

Kör en säkerhetsgranskning för att hitta kända sårbarheter i ditt beroendeträd och tillämpa tillgängliga korrigeringar.

npm audit
npm audit fix

Övervaka prestanda i produktion

Riktiga användare har varierande enheter och nätverk. Använd övervakning av riktiga användare (som ofta ingår i felverktyg) och mätvärden som laddningstid för att säkerställa att prestandan förblir god efter lanseringen.

Hantera brytande ändringar

Uppdateringar av huvudversioner kan införa brytande ändringar. Läs ändringsloggen och migreringsguiden, uppdatera i en gren, kör hela testsviten och åtgärda problem innan du sammanfogar ändringarna. Tester gör detta säkert.

Snabbtest

Testa dina kunskaper om övervakning och underhåll.

Besvara frågan i den interaktiva lektionen

Sammanfattning

Efter lanseringen övervakar du appen med felspårning (Sentry), förstår användningen med analys, håller paketen aktuella med npm outdated och npm audit och följer prestandan i produktion. Hantera brytande ändringar försiktigt med hjälp av testsviten. Därefter utforskar du avancerade mönster och bästa praxis.

Gratis att börja

Lär dig HTML med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 42
Lektioner: 156

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Övervakning och underhåll” gratis?

Ja – du kan läsa vilka 3 lektioner som helst i lärvägen Vue Academy, inklusive ”Övervakning och underhåll”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i Vue Academy innehåller totalt 3 lektioner.

Vad lär jag mig i ”Övervakning och underhåll”?

Övervaka produktionsappar och håll dem välfungerande. Ni övar på Vue Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Vue Academy?

Du behöver inga förkunskaper. Utbildningen i Vue Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 3.

Hur lång tid tar lektionen ”Övervakning och underhåll”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Vue Academy-lektionen?

Ja. Varje Vue Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till Vue Academy