LABORATORIO No 1

DESARROLLO PARA LA NUBE

Docente: Oscar Javier Olivos

Tiempo estimado: Una hora con 30 Minutos

Autenticación de Usuarios:
Objetivos:

1. Instalar un servidor web (Obligatorio)

2. Crear un nuevo proyecto en el servidor web.
3. Crear una interfaz que muestre dos botones: Iniciar Sesión, Cerrar Sesión.
4. Crear una interfaz gráfica que muestre la información del usuario que inició sesión
incluyendo: uid, nombre completo, email y Foto grande
5. Crear una interfaz gráfica para que visualice el contenido del nodo de la base de
datos llamado “tareas(descripción y titulo)”, el cual solo puede ser leído si están
autenticados

Para este ejercicio van a utilizar la configuración de mi cuenta de firebase:

var config = {
apiKey: "AIzaSyBhNp0ZQN6Dv0sDFO6BOdu4xnK1dW9pfKw",
authDomain: "listatareas-6646c.firebaseapp.com",
databaseURL: "https://listatareas-6646c.firebaseio.com",
projectId: "listatareas-6646c",
storageBucket: "listatareas-6646c.appspot.com",
messagingSenderId: "581580670299"
};

Cómo manejar el flujo de inicio de sesión con el SDK de Firebase

La manera más sencilla de autenticar a tus usuarios con Firebase usando sus Google
Accounts es manejar el flujo de inicio de sesión con el SDK de Firebase. Para hacerlo,
sigue estos pasos:

1. Importar la biblioteca JavaScript de la plataforma de Google:

<script src="https://apis.google.com/js/platform.js" async defer></script>

 2. Crea una instancia del objeto del proveedor Google, esta debe ir después de la
configuración e inicialización de firebase:

var provider = new firebase.auth.GoogleAuthProvider();

3. Autentica con Firebase mediante el objeto del proveedor Google. Puedes pedirle
a tus usuarios que inicien sesión con sus Google Accounts, mediante la apertura
de una ventana emergente o el redireccionamiento a la página de inicio de sesión.
Se prefiere el método de redireccionamiento en dispositivos móviles.

• Para iniciar sesión con una ventana emergente, llama a signInWithPopup:

firebase.auth().signInWithPopup(provider).then(function(result) {
// Obtiene información del usuario.
app.user = result.user; // Debemos almacenarla en nuestro objeto vuejs
// este objeto user contiene: uid -> Identificador de usuario,
displayName -> nombre completo del usuario, photoURL -> URL de la foto del
usuario, email -> Email del usuario

}).catch(function(error) {
// Si se presenta error.
alert(error.code+” ”+error.message);

});

• Para cerrar la sesión de un usuario, llama a signOut:

firebase.auth().signOut().then(function() {
// Ha salido.
}, function(error) {
// Por si pasa un error.
});

Una vez finalizado el ejercicio por favor enviarlo al correo: oscarolivos@unitropico.edu.co

Buena Suerte, pueden sacar sus apuntes!!