Dans le cours : React : Créer et héberger un site full-stack

Installer Compass et ajouter de nouveaux documents - Tutoriel React.js

Dans le cours : React : Créer et héberger un site full-stack

Installer Compass et ajouter de nouveaux documents

On découvre maintenant les options pour se connecter à la base de données. Donc on va aller sur Database et sélectionner « Connect » et là nous allons voir trois options pour se connecter à la base de données. On va sélectionner le troisième, On va pouvoir se connecter au moyen de l'interface graphique visuelle MongoDB Compass. Et on va commencer par installer celui-ci. Si vous êtes sur MacOS, vous aurez l'option d'installer pour MacOS. Vous allez cliquer ici, pour ajouter une copie de celui-ci. Cliquer pour suivre les étapes d'installation de MongoDB Compass. sur votre machine. Si toutefois c'est déjà installé, vous aurez ici le message qui vous indiquera donc soit de la remplacer ou alors d'arrêter. Moi c'est déjà installé, donc je vais juste vous montrer comment ouvrir celui-ci. Et on va découvrir une nouvelle phase de démarrage qui va permettre d'établir une nouvelle connexion avec la base de données. Donc là on se trouve sur cette interface de démarrage. Et nous allons rajouter un string de connexion pour établir une connexion, avec la base de données. On retourne sur l'interface de MongoDB Atlas, et on va copier ici, donc ce sera la deuxième étape. Ce string de connexion. On retourne dans l'interface de MongoDB Compass ici, On le rajoute, et ce que vous aurez à faire c'est rajouter le nom d'utilisateur et mot de passe pour pouvoir vous authentifier et établir la connexion avec la base de données. C'est quelque chose que vous avez crée si vous vous rappelez au moment de créer votre cluster, Donc je vais vous montrer comment récupérer les informations. On retourne dans MongoDB Atlas, et on va trouver ici, dans la partie « Security », on va accéder aux accès de la base de données. Donc on aura des utilisateurs qui seront créés avec des rôles. Donc ici, on a l'autorisation d'interagir avec la base de données. On va donc ici, se placer dans « Edit » si toutefois vous n'aviez plus l'information du mot de passe. Pas de soucis ! Vous pouvez donc, ici, faire « Edit Password ». Donc générer un nouveau de passe en cliquant sur « auto-generate secured password » le copier, et ensuite ne pas oublier de faire Update User. On aura également besoin du nom d'utilisateur. Ici, ce sera Sandy, donc on va juste patienter que ce soit déployé. Que les changements soient déployés sur MongoDB pour pouvoir utiliser le nouveau mot de passe, avec l'utilisateur Sandy. Et dans votre cas, ce sera votre nom d'utilisateur. Voilà qui est fait, on retourne dans l'interface de MongoDB Compass. Là, je vais remplacer avec Sandy. Et ensuite le nouveau mot de passe. Et ensuite on va cliquer sur « Connect ». Voici, donc là, on va trouver toutes les informations de notre base de données, ici, blog, et poste qui inclut un seul document dans notre collection. Donc c'est exactement le même que nous venons tout juste de créer. Ce que l'on va faire aussi, je vous fournis également, ici, un échantillon de données. Donc il s'agit d'un fichier JSON où vous allez trouver trois valeurs qui va correspondre pour chacun à un document. Donc on va utiliser celui-ci pour télécharger de nouvelles données, de nouveaux documents à notre base de données. Donc nous allons cliquer sur « Add Data - Importe Files » Sélectionner ici, JSON, select file Et on va trouver la position donc où est localisé ce sample.js et on va cliquer sur « open ». et ensuite cliquer sur « import ». Ça va automatiquement télécharger l'ensemble des documents donc voilà, désormais on a de nouveaux documents qui sont rajoutés à notre base de données, à la collection post, blog post. Maintenant lorsque l'on retourne dans notre base de données et que l'on browse collection, on va retrouver les mêmes documents qui désormais donc on en a quatre au total. Voilà ce qui aura servi donc de télécharger un certain nombre si toutefois vous avez une centaine de documents à rajouter à votre base de données, à votre collection, vous pourriez toujours utiliser l'interface graphique visuelle. de MongoDB Compass. Maintenant on va pouvoir voir les différentes façons de se connecter à la base de données. Et nous allons justement utiliser cette autre option qui permettra de se connecter à notre application Node à partir de l'application Node au moyen du driver Node.js. Donc il faudra installer celui-ci tout d'abord, Il s'agit d'un paquet NPM donc on va pouvoir l'installer avec le gestionnaire de paquet NPM. Et pareil on va utiliser un string de connexion pour établir la connexion avec la base de données.

Table des matières