0Pricing
Vue Academy · Leçon

Surveillance et maintenance

Surveillez les applications en production et maintenez-les en bon état.

Surveillance et maintenance est une leçon Vue Academy gratuite sur CoddyKit. Ceci est la leçon 3 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Vue Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Vue Academy comprend 3 leçons au total.

La vie après le lancement

La publication est un début, pas une fin. Une app saine nécessite une surveillance continue pour détecter les erreurs, des analyses pour comprendre son utilisation et une maintenance régulière pour rester sécurisée et à jour.

Pourquoi suivre les erreurs ?

Les erreurs qui se produisent sur les appareils des utilisateurs vous sont invisibles si vous ne les recueillez pas. Le suivi des erreurs capture les plantages en production afin que vous puissiez corriger les problèmes rencontrés par les utilisateurs, souvent avant même qu'ils ne les signalent.

Sentry pour le suivi des erreurs

Sentry est un service de suivi des erreurs très utilisé. Installez son SDK et initialisez-le au démarrage de votre app pour capturer automatiquement les erreurs non gérées.

npm install @sentry/vue

Initialiser Sentry

Initialisez Sentry avec le DSN de votre projet et l'instance app de Vue afin qu'il puisse s'intégrer à la gestion des erreurs de 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")

Capturer les erreurs personnalisées

Au-delà de la capture automatique, vous pouvez signaler manuellement les erreurs déjà gérées afin d'obtenir davantage de contexte sur les problèmes que votre code intercepte.

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

Ajouter des analyses

Les analyses vous indiquent comment les utilisateurs utilisent réellement votre app : quelles pages ils consultent, sur quoi ils cliquent et à quel moment ils abandonnent. Ces données orientent les décisions produit.

Suivre les consultations de pages

Avec Vue Router, vous pouvez envoyer un événement de consultation de page à chaque navigation au moyen d'un point d'extension du routeur.

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

Maintenir les dépendances à jour

Les paquets obsolètes accumulent les bogues et les failles de sécurité. Vérifiez régulièrement les mises à jour et appliquez-les en effectuant des vérifications au fur et à mesure.

npm outdated
npm update

Rechercher les vulnérabilités

Exécutez un audit de sécurité pour trouver les vulnérabilités connues dans votre arborescence de dépendances et appliquer les correctifs disponibles.

npm audit
npm audit fix

Surveiller les performances en production

Les utilisateurs réels disposent d'appareils et de réseaux variés. Utilisez la surveillance des utilisateurs réels (souvent intégrée aux outils de suivi des erreurs) et des indicateurs comme le temps de chargement pour garantir que les performances restent bonnes après le lancement.

Gérer les changements incompatibles

Les mises à jour de versions majeures peuvent introduire des changements incompatibles. Lisez le journal des modifications et le guide de migration, effectuez la mise à jour dans une branche, exécutez votre suite de vérifications et corrigez les problèmes avant la fusion. Les vérifications rendent cette opération sûre.

Vérification rapide

Évaluez vos connaissances sur la surveillance et la maintenance.

Récapitulatif

Après le lancement, surveillez votre app avec le suivi des erreurs (Sentry), comprenez son utilisation grâce aux analyses, gardez vos paquets à jour avec npm outdated et npm audit, puis surveillez les performances en production. Gérez prudemment les changements incompatibles à l'aide de votre suite de vérifications. Vous allez maintenant explorer des modèles avancés et les bonnes pratiques.

Questions Fréquemment Posées

La leçon « Surveillance et maintenance » est-elle gratuite ?

Oui — le texte complet de « Surveillance et maintenance » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Vue Academy, passe à CoddyKit PRO. Le cours Vue Academy comprend 3 leçons au total.

Qu'est-ce que j'apprendrai dans « Surveillance et maintenance » ?

Surveillez les applications en production et maintenez-les en bon état. Tu pratiques Vue Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Vue Academy ?

Aucune expérience préalable n'est requise. Vue Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 3.

Combien de temps prend la leçon « Surveillance et maintenance » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Vue Academy ?

Oui. Chaque leçon Vue Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Optimiser le processus de compilation
  2. Déploiement sur des plateformes d’hébergement
  3. Surveillance et maintenance
← Retour à Vue Academy