La création d’utilisateur peut parfois être compliquée mais heureusement pour nous, Meteor s’occupe de tout !
Pour ajouter des utilisateurs dans votre projet, il faut d’abord aller dans le Terminal et taper :
1 | meteor add accounts-ui accounts-password |
Une fois cela fait on peut ensuite s’occuper de programmer nos utilisateurs.
Dans un premier temps on va permettre créer un fichier dans :
« imports/config/accounts-config.js »
1 2 3 4 5 | import { Accounts } from 'meteor/accounts-base'; Accounts.ui.config({ passwordSignupFields: 'USERNAME_ONLY', }); |
Il y a plusieurs valeurs qu’on peut mettre pour passwordSignupFields :
Une fois qu’on a crée ce fichier il ne faut pas oublier de l’import dans client/main.js :
1 | import '../imports/config/accounts-config.js'; |
Et à la fin on va ajouter des boutons pour que notre utilisateur puisse se connecter.
<header> <h1>Portefolio !</h1> {{> loginButtons}} </header>
Résultat :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <body> <header> <h1>Portefolio !</h1> {{> loginButtons}} </header> <button class="info">Informations</button> <button class="comp">Competence</button> {{#if currentUser}} <button class="user">{{username}}</button> {{/if}} <div> {{> Template.dynamic template=currentPage}} </div> </body> |
1 |
import { Meteor } from 'meteor/meteor'; |
14 15 16 17 18 19 20 21 22 23 24 |
Template.body.helpers({ //template dynamique currentPage: function(page){ return Session.get('page') }, //renvoie le nom de l'utilisateur connecté username: function(page){ return Meteor.user().username; } }); |