Libérer la simplicité du backend : créer des applications évolutives avec Convex

Créer des applications évolutives et efficaces peut être un défi, n'est-ce pas ? Surtout, vous avez moins de temps ou participez à un hackathon. Et si je vous disais qu'il existe une solution backend qui peut simplifier ce processus ?

Récemment, je travaillais sur un projet dans lequel j'utilisais le backend Convex pour la première fois et devinez quoi, c'est tout simplement génial.

Convex est plus qu'une simple base de données ; il s'agit d'une solution backend complète conçue pour les développeurs modernes. Il offre tout, des fonctions cloud dans TypeScript à la synchronisation des données en temps réel, vous permettant de vous concentrer entièrement sur votre code front-end. Cela a contribué à sa popularité croissante.

Qu'est-ce qui le distingue ??

• Synchronisation des données en temps réel : La fonctionnalité la plus étonnante que j'aime le plus est que la synchronisation des données en temps réel signifie qu'il est difficile de configurer le socket io, puis de l'envoyer du backend au frontend. au lieu de cela, ici, les données sont synchronisées en temps réel entre les applications clientes et la base de données, ce qui les rend idéales pour les applications collaboratives ou en direct.
• Fonctions sans serveur : Convex fournit des fonctions sans serveur, appelées « Fonctions Convex », qui vous permettent d'exécuter une logique backend sans gérer de serveurs. Ces fonctions sont écrites en JavaScript ou TypeScript.
• Authentification intégrée : Bien qu'il existe des services comme Clerk, Next Auth qui fonctionnent très bien avec Next.js Typescript, Convex prend également en charge l'authentification des utilisateurs, y compris les fournisseurs tiers, afin que vous puissiez facilement ajouter une connexion utilisateur aux applications sans configurer un système d'authentification personnalisé.
• Base de données évolutive : La base de données de Convex est automatiquement évolutive et conçue pour prendre en charge une concurrence élevée, afin de pouvoir gérer de grands ensembles de données et des pics de trafic.
• Modèle de données sans schéma : Convex utilise un modèle de données sans schéma, vous permettant de stocker des structures de données flexibles, ce qui est bénéfique pour les projets en évolution rapide.

Ce sont les fonctionnalités que j'ai personnellement utilisées et il existe bien d'autres fonctionnalités telles que Transactions ACID, Support TypeScript, Sécurité et contrôle d'accès, Automatique Mise en cache et optimisation, vous pouvez certainement essayer.

Voyons maintenant quelle est l'approche dans un backend normal et dans un backend convexe par une simple fonction getGroupMembers.

Créons une fonction backend en utilisant MongoDB et Node.js

• Nous commençons d’abord par vérifier l’identité de l’utilisateur à l’aide d’un JWT typique et, en cas d’erreur, renvoyons simplement une réponse 401 non autorisée.

  const identity = await verifyToken(req.headers.authorization);
  if (!identity) {
    res.status(401).send("Unauthorized");
    return;
  }

• Une fois l'utilisateur authentifié, nous récupérons les détails de la conversation. Cette étape implique d'interroger la collection de conversations dans MongoDB par l'ID de conversation fourni.

  const conversation = await db.collection("conversations").findOne({ _id: conversationId });
  if (!conversation) {
    res.status(404).send("Conversation not found");
    return;
  }

• Ensuite, nous récupérons tous les utilisateurs de la collection d'utilisateurs et filtrons ceux dont les identifiants correspondent aux participants à la conversation.

  const users = await db.collection("users").find().toArray();
  const groupMembers = users.filter(user => conversation.participants.includes(user._id));

• Enfin, nous renvoyons la liste des membres du groupe au client. Ces données incluent uniquement les utilisateurs qui participent à la conversation spécifiée.

  res.status(200).send(groupMembers);

Voici le schéma représentable de l'extrait de code ci-dessus

Créons une fonction backend en utilisant Convex

• Convex fournit une authentification utilisateur intégrée avec ctx.auth.getUserIdentity(), ce qui permet de vérifier facilement si un utilisateur est connecté. Si l'utilisateur n'est pas authentifié, nous lançons une ConvexError, qui renvoie automatiquement un « Non autorisé ». réponse au client.

  const identity = await ctx.auth.getUserIdentity();
  if (!identity) {
    throw new ConvexError("Unauthorized");
  }

• Avec Convex, les requêtes de base de données sont simplifiées. À l'aide de ctx.db.query, nous récupérons la conversation en filtrant une correspondance avec l'ID de conversation fourni.

  const conversation = await ctx.db.query("conversations")
    .filter((q) => q.eq(q.field("_id"), args.conversationId))
    .first();
  if (!conversation) {
    throw new ConvexError("Conversation not found");
  }

• Convex nous permet d'interroger tous les utilisateurs avec ctx.db.query("users").collect(). Nous utilisons ensuite un filtre pour sélectionner uniquement les utilisateurs qui participent à la conversation. Les méthodes de récupération de données intégrées de Convex facilitent la gestion des collections sans avoir à gérer manuellement les connexions à la base de données.

  const users = await ctx.db.query("users").collect();
  const groupMembers = users.filter((user) => conversation.participants.includes(user._id));

• C'est tout. Puisque Convex gère la gestion des réponses, le simple retour de groupMembers à partir de la fonction envoie les données au client.

  return groupMembers;

Et voici le diagramme d'explication simplifié global de la façon dont le processus convexe du backend -

Comment ai-je utilisé Convex dans mes projets

Je viens de recréer le projet de librairie freeCodeCamp MERN stack en utilisant Next.js, TypeScript et, surtout, le backend Convex.

Donc, si vous voulez une bonne idée de la façon d'utiliser le backend Convex, vous pouvez suivre mes projets github dans lesquels j'ai déplacé ma pile technologique de la pile MERN vers NEXT.js TS Convex.

• ????-?????? (???? ?????) - Découvrez-le ici

• ????-???????_?????? (????.??? ?? ??????) - Découvrez-le ici

si vous le souhaitez, vous pouvez également visiter ma publication LinkedIn à ce sujet ??.

Conclusion

En bref, dans une configuration backend traditionnelle, vous gérez manuellement l'authentification, les connexions à la base de données, les requêtes et les erreurs, ce qui conduit à un code plus complexe et verbeux. Dans Convex, ces tâches sont abstraites, simplifiant l'authentification, les requêtes dans la base de données et la gestion des erreurs avec un minimum de code, permettant un développement plus rapide et un code plus propre.

Bon apprentissage ☺☺ !!

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!