Comment créer un raccourcisseur d'URL

Un raccourcisseur d'URL enregistre une longue adresse web sous un code court et redirige quiconque visite le lien court. Le noyau est minuscule — une table et une route de redirection — ce qui en fait un projet classique pour débuter. Ce qui rend un outil réellement utile, ce sont le reste : un domaine court, des alias personnalisés, le nombre de clics, la possibilité de modifier la destination d'un lien et la protection contre les pourriels qui utilisent votre domaine pour cacher des liens d'hameçonnage. Décidez tôt s'il s'agit d'un outil pour vous et votre équipe ou pour le public, car les raccourcisseurs publics attirent rapidement les abus.

Ce dont un raccourcisseur d'URL a besoin

Données

Ajoutez un index unique sur le code court. Deux liens avec le même code, c'est le seul bogue qui doit être impossible.

Pages et routes

• La route de redirection — /{code} cherche le code et redirige. C'est la seule route que la plupart des visiteurs utiliseront, elle doit donc être rapide et ne jamais afficher l'interface de votre application.
• Créer un lien — collez une URL, choisissez éventuellement un alias personnalisé, obtenez le lien court avec un bouton de copie.
• Liste des liens — vos liens avec le nombre de clics, une recherche et des interrupteurs activé/désactivé.
• Détail d'un lien — clics dans le temps, principaux référents, pays, appareils. Modifiez la destination.
• Page introuvable pour les codes inconnus ou désactivés.
• Code QR pour chaque lien — peu coûteux à ajouter et souvent demandé.

Décisions et compromis

Type de redirection. Une redirection 301 (permanente) peut être mise en cache par les navigateurs, de sorte que les visiteurs récurrents ne passent plus par votre serveur : vous perdez des clics et vous ne pouvez plus changer la destination pour eux. Utilisez 302 ou 307 si vous suivez les clics ou permettez la modification. C'est ce que font la plupart des raccourcisseurs avec suivi.

Codes courts. Des codes aléatoires de six ou sept caractères (lettres et chiffres) sont difficiles à deviner et offrent beaucoup de place. Évitez les caractères prêtant à confusion (0/O, 1/l) si les gens vont taper les liens à la main. Les codes séquentiels révèlent combien de liens vous avez et permettent à quiconque de les parcourir.

Alias personnalisés. /lancement vaut mieux que /x7Kp2q. Réservez les mots utilisés par votre application (connexion, api, admin), bloquez les alias offensants si l'outil est public, et décidez si les alias respectent la casse. Ne pas tenir compte de la casse est plus convivial.

Vitesse. Un raccourcisseur ajoute un saut avant chaque visite. Limitez la route de redirection à une seule recherche indexée, et enregistrez le clic après avoir envoyé la redirection (ou en arrière-plan) afin que le suivi ne ralentisse jamais le visiteur. Les applications hébergées sur un service qui se met en veille peuvent prendre un peu plus de temps lors de la première visite après une période calme; pour un outil personnel ou d'équipe, c'est généralement acceptable.

Statistiques de clics et vie privée. Compter les clics, les référents et le pays approximatif est courant. Stocker les adresses IP complètes et établir des profils de personnes est l'endroit où les lois sur la protection des renseignements personnels commencent à s'appliquer. Conservez ce que vous allez réellement consulter, et agrégez quand c'est possible. Voir comment ajouter des analyses à votre application.

Le domaine. Le lien n'est aussi court que son domaine. Achetez un domaine court et pointez-le vers l'application — voir comment connecter un domaine personnalisé. Beaucoup d'hébergeurs préfèrent un sous-domaine (go.votremarque.com) à un domaine racine nu, plus simple à connecter.

Abus. Si n'importe qui peut créer des liens, les pourriels utiliseront votre domaine pour déguiser des liens d'hameçonnage et de logiciels malveillants, et votre domaine peut finir sur des listes de blocage. Pour un raccourcisseur public : exigez des comptes, limitez les créations, vérifiez les destinations par rapport à une liste d'URL malveillantes comme Google Safe Browsing, bloquez les liens vers votre propre raccourcisseur (boucles de redirection) et créez un interrupteur d'administration pour désactiver instantanément n'importe quel lien. Un raccourcisseur privé, réservé à l'équipe, évite la plupart de ces problèmes.

Une première invite qui fonctionne

Créez une application web de raccourcissement d'URL pour mon équipe. Les utilisateurs connectés collent une URL de destination et obtiennent un lien court avec un code aléatoire de 7 caractères (sans 0, O, 1 ni l), ou choisissent un alias personnalisé. Les alias sont uniques et ne tiennent pas compte de la casse; réservez connexion, api, admin, app et paramètres. La route publique /{code} recherche le code avec une seule requête indexée et renvoie une redirection 302; enregistrez le clic (heure, référent, pays, type d'appareil — sans adresse IP complète) sans retarder la redirection. Les codes inconnus ou désactivés affichent une page simple de type introuvable. Les utilisateurs voient la liste de leurs liens avec le nombre de clics, peuvent modifier la destination, désactiver un lien, télécharger un code QR et ouvrir une page de détail avec les clics par jour, les principaux référents et les pays. Validez que les destinations sont des URL http ou https et ne pointent pas vers ce raccourcisseur. Stockez tout dans une base de données.

Étapes de construction

1. Créer et rediriger. Créez un lien et ouvrez-le dans une fenêtre privée. Vérifiez que la réponse est un 302, et non une page qui redirige ensuite avec JavaScript.
2. Codes et alias. Essayez un alias en double, un mot réservé, une casse mixte et une URL très longue.
3. Suivi des clics. Cliquez depuis quelques appareils et vérifiez les compteurs et les référents.
4. Modifier et désactiver. Changez une destination et confirmez que l'ancien lien court pointe maintenant vers le nouvel endroit; désactivez-en un et confirmez qu'il ne fonctionne plus.
5. Validation. Essayez des liens javascript:, des liens vers le raccourcisseur lui-même et des URL mal formées. Tous doivent être rejetés côté serveur.
6. Domaine. Connectez votre domaine court et testez les liens dessus.
7. Contrôles contre les abus, si l'outil sera public : limites de requêtes, vérification des destinations et une vue d'administration des liens récents.

Erreurs courantes

• Des redirections 301 avec suivi des clics. Les navigateurs les mettent en cache et vos chiffres deviennent faux.
• Rediriger dans la page. Vous chargez l'application puis redirigez avec JavaScript, et chaque clic semble lent. Redirigez depuis le serveur.
• Pas de contrainte d'unicité sur les codes. Des collisions finiront par arriver.
• Un raccourcisseur public ouvert sans contrôle. Il sera utilisé à mauvais escient, et la réputation de votre domaine en souffrira.
• Accepter n'importe quel schéma d'URL. N'autorisez que les destinations http et https.
• Perdre des liens lors d'un déménagement. Possédez vous-même le domaine court pour que les liens survivent à un changement d'hébergeur.

Quand un produit prêt à l'emploi est le meilleur choix

Les services établis de gestion de liens offrent des domaines de marque, des analyses détaillées, des fonctions d'équipe, des codes QR, des intégrations et la gestion des abus d'emblée. Si les liens sont au cœur de votre marketing et que vous ne voulez aucune maintenance, payez pour un de ces services.

Créez le vôtre si vous voulez un raccourcisseur simple pour l'équipe, sur votre propre domaine, sans tarification par siège, si les liens sont reliés à votre propre produit (liens de partage, liens de parrainage, liens suivis dans les courriels), ou si vous voulez le contrôle total des données de clics. C'est aussi un bon premier projet backend. Associez-le à une page de liens pour profil, et passez en revue la liste de contrôle de sécurité pour les applications créées avec l'IA avant de l'ouvrir à d'autres personnes.

Le construire avec Mythex

Dans Mythex, vous décrivez le raccourcisseur dans le clavardage et testez les redirections dans l'aperçu en direct. Mythex ajoute une base de données dédiée aux liens et aux clics lorsque l'application en a besoin. Les applications publiées et leurs bases de données se mettent en veille lorsqu'elles sont inactives et se réveillent à la visite suivante, ce qui permet de faire fonctionner un raccourcisseur calme à faible coût. Publiez sur un lien mythex.ai et, avec le forfait Pro, connectez votre propre domaine court ou achetez-en un dans Mythex — voir domaines personnalisés. Le modèle de raccourcisseur d'URL est une invite de départ déjà rédigée, avec alias personnalisés et analyses de clics.

Questions