Comment j'ai créé un raccourcisseur d'URL économique facile à déployer et personnalisé

Publié le jeudi 9 avril 2020

Comment j'ai créé un raccourcisseur d'URL économique facile à déployer et personnalisé

Je ne sais pas pour vous mais je partage très souvent des liens. Et la plupart du temps, il s'agit de vidéos, il doit donc être court et facile à retenir. Quelque chose comme https://c5m.ca/project est meilleur qu'une chaîne aléatoire (aka. GUID). Et c'est ainsi que j'ai commencé un projet de construction d'un raccourcisseur d'URL. Je voulais être économique, facile à déployer et personnalisable. Dans cet article, je partagerai comment je le construis, comment vous pouvez l'utiliser et comment vous pouvez m'aider!

Azure Url Shortener

Construis avec la communauté

Cet outil a été créé lors de sessions de coda en direct sur Twitch (toutes les vidéos sont disponibles dans mes archives YouTube). Il est composé de deux parties: un backend serverless avec les Azure Function et le stockage Azure, et un frontend... de votre choix!.

Le backend est composé de quelques fonctions Azure qui agissent comme API HTTP à la demande. Elle consomme des ressources que lorsqu'elles sont appelées. Ils sont en .Net Core, C# pour être précis. Lors de la publication de cet article, il existe quatre fonctions:

  • UrlShortener: pour créer une URL courte.
  • UrlRedirect: est appelé lorsque le lien court est utilisé. Un proxy de fonction Azure transfère tous les appels à la racine.
  • UrlClickStats: retourne la statistique pour une URL spécifique.
  • UrlList: renvoie la liste de toutes les URL créées.

Toutes les informations telles que l'URL longue, l'URL courte, le nombre de clics sont enregistrées dans une table de stockage Azure.

Et c'est tout. Super léger, très rentable. Si vous êtes curieux de connaître le prix, vous trouverez des références dans les notes de bas de page 1

Le frontend peut être tout ce qui peut faire des requêtes HTTP. En ce moment dans le projet, j'explique comment utiliser un outil appelé Postman, il existe également une interface très simple que vous pouvez facilement déployer.

Simple Admin Interface

Cette interface simple est bien sûr protégée et vous donne la possibilité de voir toutes les URL et d'en créer de nouvelles.

Comment VOUS pouvez l'utiliser

Tout le code est disponible dans GitHub, et il est déployable avec un bouton en un clic!

Deploy to Azure

Cela déploiera le backend dans votre abonnement Azure en quelques minutes. Si vous ne possédez pas déjà un abonnement Azure, vous pouvez créer votre compte Azure gratuit aujourd'hui.

Ensuite, vous voudrez probablement une interface pour créer vos précieuses URL. Une fois de plus dans le dépôt GitHub, il y a une [Liste](https://github.com/FBoucher/AzUrlShortener/blob/main/src/adminTools/README.md#list-of-available-admin- interfaces) des interfaces d'administration disponibles et prêt à l'emploi. Le site Web Admin Blazor est actuellement le plus convivial et peut également être déployé en un seul clic.

Comment vous pouvez aider et participer

À l'heure actuelle, il n'y a vraiment qu'une seule interface (et quelques instructions sur la façon d'utiliser Postman pour effectuer les appels HTTP). Mais AzUrlShortener est un projet open source, ce qui signifie que vous pouvez participer. Voici quelques suggestions:

  • Construisez une nouvelle interface (dans la langue de votre choix)
  • Améliorer les interfaces actuelles avec
    • logos
    • dessins
    • Meilleure interface utilisateur 🙂
  • Enregistrer des bogues dans GitHub
  • Faire une demande de fonctionnalité
  • Aide à la documentation / traduction

La suite

Venez certainement voir le dépôt GitHub https://github.com/FBoucher/AzUrlShortener, cliquez sur ces boutons de déploiement. De mon côté, je continuerai à ajouter plus de fonctionnalités et à l'améliorer. On se voit là-bas!

En vidéo

Références