Uso auth0 en combinación con el widget de bloqueo para crear una página de inicio de sesión con una página de autenticación de nombre de usuario/contraseña simple. La página está construida en NodeJS, ejecutándose en un servidor Ubuntu en el puerto 3000. Todo funciona bien.
Quiero personalizar la página de inicio de sesión con algunas opciones adicionales, por ejemplo, usando mi propio logotipo, en lugar del logotipo auth0 proporcionado en el widget. Sin embargo, al ejecutar esta aplicación Node JS, nada cambia...
Mi archivo views/index.pug tiene el siguiente aspecto:
extends layout block content script(src="https://cdn.auth0.com/js/lock/10.7.2/lock.min.js") h1= title p Welcome to #{title} br script. var lock = new Auth0Lock('#{env.AUTH0_CLIENT_ID}', '#{env.AUTH0_DOMAIN}', { auth: { redirectUrl: '#{env.AUTH0_CALLBACK_URL}', responseType: 'code', params: { scope: 'openid profile' // Learn about scopes: https://auth0.com/docs/scopes }, closable: false, autofocus: true }, theme: { logo: 'http://www.example.com/content/logo.png' } }); lock.show();
Donde cosas como #{env.AUTH0_CLIENT_ID}
provienen de un archivo local.
Todos los archivos también están disponibles en este repositorio de Github.
Debe editar el archivo views/login.pug, en lugar del archivo views/index.pug.