[Firebase] Module authentification avec javascript

**younesssoleil** · 31/08/2016, 09h52

Bonjour,
Je développe une application qui utilise firebase pour récupérer les données. Malgré plusieurs recherche et test je n'ai pas réussi à intégrer le module d'authentification.
Je résume: J'ai une page demo.html qui contient 3 zones de text: id="new_name", id="new_email" et id="new_mdp" et un bouton id="new_valider"
Je souhaite quand l'utilisateur rentre les infos: nom, email et mdp et valide qu'il soit enregistré dans firebase et accède à une page : application.html
et j'ai une autre page connecte.html qui contient deux zones de text: id="email" et id="mdp" et un bouton id="valide" et je souhaite quand l'utilisateur rentre
son email et mdp accède également à la page application.
Pour info: je suis nouveau sur firebase et je préfère utiliser que javascript car je ne connais pas les autres langages, et j'ai déjà essayé le code fourni par firebase ci-dessous:
Merci de votre aide.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
var ref = new Firebase("https://<YOUR-FIREBASE-APP>.firebaseio.com");
ref.createUser({
  email    : "bobtony@firebase.com",
  password : "correcthorsebatterystaple"
}, function(error, userData) {
  if (error) {
    console.log("Error creating user:", error);
  } else {
    console.log("Successfully created user account with uid:", userData.uid);
  }
});

**NoSmoking** · 31/08/2016, 10h59

Bonjour,
as tu regardé du coté des exemples fournis ?

**younesssoleil** · 31/08/2016, 11h24

Bonjour NoSmoking toujours la..)
Oui j'ai Vraiment regardé.. mais j'ai du mal à comprendre...

**younesssoleil** · 01/09/2016, 19h10

Bonjour
J'ai essayé d'utiliser le code ci-dessous mes j'ai une erreur :
Uncaught TypeError: ref.createUser is not a function
pouvez vous m'apporter votre aide car je bloque vraiment..)
Merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
var ref = new Firebase("https://<MY-FIREBASE-APP>.firebaseio.com");
ref.createUser({
  email    : "bobtony@firebase.com",
  password : "correcthorsebatterystaple"
}, function(error, userData) {
  if (error) {
    console.log("Error creating user:", error);
  } else {
    console.log("Successfully created user account with uid:", userData.uid);
  }
});

**younesssoleil** · 01/09/2016, 21h04

Merci pour ton retour
Comme je ne connais pas angularJs je souhaitais développer qu'avec javascript.

Par rapport a mon code: j'ai bien intégré
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>

et rajouté le nom de : MY-FIREBASE-APP
mais j'ai toujours la même erreur ... ca me rend foufufofuf

**NoSmoking** · 03/09/2016, 09h52

Le minimum à faire est d'observer ce qui ce passe via la console (F12)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var ref = new Firebase("https://<MY-FIREBASE-APP>.firebaseio.com");
console.log( ref);

regarde également l'onglet réseau.

**younesssoleil** · 05/09/2016, 14h24

Bonjour;

J'ai essayé de voir le comportement de la ref via la console mais rien de spécial.
en faite quand je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function test() {
 
var dbref1= firebase.database().ref().child("Utilisateur").set("");
}

J'arrive bien à écrire dans ma base, donc la connexion avec firebase est Ok
Par contre quand je fais ça (code ci-dessous) j'ai une erreur : Uncaught TypeError: dbref1.createUser is not a function

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script>
function test() {
	var dbref1= firebase.database().ref().child("Utilisateur").set("");
dbref1.createUser({
  email    : "bobtony@firebase.com",
  password : "correcthorsebatterystaple"
});
 
}
</script>

et quand je fais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script>
function test() {
	var dbref1= new Firebase("https://perfanalyse-c9962.firebaseio.com");
dbref1.createUser({
  email    : "bobtony@firebase.com",
  password : "correcthorsebatterystaple"
 
});
}
</script>

j'ai l'erreur : Uncaught ReferenceError: Firebase is not defined

J'ai beau regardé dans les forum mais je ne trouve pas la solution.
Merci de voter aide

**younesssoleil** · 05/09/2016, 15h10

Je viens d'essayer... j'ai toujours la même erreur
Uncaught ReferenceError: Firebase is not defined

ça me rend fou...)

**younesssoleil** · 05/09/2016, 16h28

Je suis bien avec la version 3.3.0
j'ai intégré dans mon head :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
        <script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-app.js"></script>
	<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-auth.js"></script>
	<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase-database.js"></script>
	<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase.js"></script>

et le script suivant: mais maintenant j'ai l'erreur config.createUser is not a function

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
function test() {
 
var config = firebase.database().ref();
 
config.createUser({
  email    : "bobtony@firebase.com",
  password : "correcthorsebatterystaple"
 
 
});
 
}
</script>

**younesssoleil** · 05/09/2016, 16h34

je pense que je vais laisser tomber et apprendre AngularJs je pense que c'est plus facile...)

**NoSmoking** · 06/09/2016, 14h23

Si je teste ce simple fichier telque :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Firebase</title>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script>
var ref = new Firebase("https://<MY-FIREBASE-APP>.firebaseio.com");
ref.createUser({
  email    : "bobtony@firebase.com",
  password : "correcthorsebatterystaple"
}, function(error, userData) {
  if (error) {
    console.log("Error creating user:", error);
  } else {
    console.log("Successfully created user account with uid:", userData.uid);
  }
});  
console.log( ref);
</script>
</head>
<body>
</body>
</html>

j'obtiens en console

"Error creating user:" Error: Invalid Firebase specified.

et non un

Uncaught ReferenceError: Firebase is not defined

ce qui est normal compte tenu du nom de la base fantésiste que j'ai laissé.

Si tu dois persister, opte pour l'une ou l'autre des versions mais pas les deux en même temps, il semblerait que la méthode createUser() appartienne à la version 2x.

**younesssoleil** · 06/09/2016, 14h49

J'ai mis le bon nom de ma base et voici exactement le code erreur:
Error creating user: Error: Projects created at console.firebase.google.com must use the new Firebase Authentication SDKs available from firebase.google.com/docs/auth/(…)

Je continue a chercher Merci