Tengo el siguiente código que se ejecutaría, pero al hacer clic en un botón que llama a la función 'Auth', aparece un error que indica que no está definido. ¿Porqué es eso? Lo definí en el siguiente código, ¿no?
app.get('/sign-in', function(req, res, next) { res.render('sign-in', { title: 'Sign In' }) function Auth(event) { event.preventDefault() firebaseAuth.signInWithEmailAndPassword('email@email.com', 'password').catch(function(error) { var errorCode = error.code var errorMessage = error.message console.log(errorCode) console.log(errorMessage) }) } })Se llama aquí (pug):
h2 Please sign in form(class='form-signin' role='form') input#email.form-control(type='email' placeholder='E-mail address' required='' autofocus='') input#password.form-control(type='password' placeholder='Password' required='') button.btn.btn-lg.btn-primary.btn-block(type='submit' onclick='Auth(event)') Sign InEDITADO :
(pug file) link(rel='script', href='../public/javascripts/scripts.js') body .container h2 Please sign in form(class='form-signin' role='form') input#email.form-control(type='email' placeholder='E-mail address' required='' autofocus='') input#password.form-control(type='password' placeholder='Password' required='') button.btn.btn-lg.btn-primary.btn-block(type='submit') Sign In (public/javascripts/scripts.js) $('button').on('click', function(event) { event.preventDefault(); $.ajax({ url: '/api/sign-in', method: 'POST', data: { email: $('#email').val(), password: $('#password').val() } }); } (app.js) function Auth(email, password) { return firebaseAuth.signInWithEmailAndPassword(email, password) } app.get('sign-in', function(req,res,next) { res.render('sign-in', { title: 'Sign In' }) }) app.get('/api/sign-in', function(req, res, next) { Auth(req.body.email, req.body.password) .then(function() { console.log('success!') }) .catch(function(error) { console.log(error) }) })Aquí está el problema, las funciones que define en su servidor express no funcionarán en el cliente, así es como funciona ahora.
p.ej
código expreso:
app.post('/api/sign-in', function(req, res, next) { firebase.auth().signInWithEmailAndPassword(req.query.username, req.query.password) .catch(function(error) { console.log(error); }); });código de cliente (usando jQuery para mayor claridad):
$('#button').on('click', function(event) { event.preventDefault(); $.ajax({ url: '/api/sign-in', method: 'POST', data: { username: $('#user').val(), password: $('#pass').val() } }); }