APP INVENTOR: APP CON LOGIN Y SIGN-UP ONLINE APLICACIÓN CON USUARIO Y CONTRASEÑA

registrarse app inventor

Crear una aplicación que pida usuario y contraseña, un tema que básicamente hizo crecer mi canal de Youtube.

Como hacer un login en app inventor usando TinyDBWeb.

Hay muchas formas de crear una aplicación con login, más aun con las nuevas versiones de App Inventor que incluyen nuevas bases de datos, las cuales permiten iniciar remotamente desde multiples dispositivos móviles.

Ahora veremos un corto tutorial y explicación para ponerle usuario y password a una aplicación con App Inventor.

Crear aplicación en App Inventor que pida usuario y contraseña

Hoy veremos como crear una aplicación en App Inventor con login y sign-up, es decir una aplicación que nos pida usuario y contraseña para ingresar a ella, pero lo más novedoso es que nos va a dejar registrarnos online, tipo facebook.
Lo mejor de todo es que no vamos a pagar host, ni base de datos, pues vamos a utilizar recursos de App Inventor.

Pantallas de inicio de sesión y registrarse

Lo primero que haremos es crear dos pantallas. Una pantalla de iniciar sesión y la segunda pantalla o screen, sera donde los usuarios no registrados puedan registrarse.
iniciar sesion app inventor
Esta sera la pantalla principal, la que nos permita decidir si iniciar sesion o registrarnos.
Ahora vamos a ver las dos pantallas. Inicio de sesión y registrarse respectivamente.
iniciar sesion app inventor
Ahora vamos con la pantalla de registro. Este es un tutorial bastante básico, asi que solo puso un usuario y dos contraseñas para verificar la correctitud.
En tutoriales más avanzados enseño como usar el correo electrónico.
registrarse app inventor

Lógica y programación de cada pantalla

La lógica de esta aplicación es bastante facil de replicar. La primera pantalla es solamente redirigir a cualquiera de las dos opciones, ya sea a la pantalla de iniciar sesión o a la pantalla de registro.
app inventor botones redirigen
Lo que esta dentro de los bloques rosados son los nombres de las pantallas o screens hacia donde queremos ir al momento de presionar dicho boton.
Ahora bien, vamos para la parte de iniciar sesión. Primero agregamos este componente a nuestra pantalla o screen.
tinywebdeb app inventor
Ahora veamos la lógica que hay en el fondo de esta pantalla o screen.
app inventor app login
La parte subrayada en rojo se se añade al usuario para evitar que exista alguien que sobre-escriba en nuestra base de datos. Al momento de hacer su aplicación, elijan otros números para evitar que alguien les sobre-escriba la base de datos.
Ahora vamos con la pantalla de registro, para la cual tenemos que agregar el mismo componente anterior.
app inventor app login registro
Si este método no te ha convencido, tengo más formas de hacerlo. Te invito a visitar mi sección de tutoriales para App Inventor.

Aplicación con Login y Sign-Up con base de datos (FireBaseDB)

Como ya había mencionado, App Inventor esta en constante evolución. Este segundo método es un poco más profesional y no tan primitivo como el anterior.
FireBaseDB es una base de datos externa que implementa App Inventor, la cual nos permite guardar datos. Usaremos FireBaseDB para crear una base de datos de nuestros usuarios y contraseñas.

Interfaz gráfica

No es algo diferente a la primera interfaz gráfica, así que solo he cambiado algunas cosas.

Lógica o programación de la aplicación

Aunque FireBaseDB es algo más robusto, la lógica no es que haya cambiado mucho. Lo único notable es que ya no tendremos que agregar una cantidad de números aleatorios a cada usuario al momento de guardarlo, ademas que he validado que no vaya a agregar un usuario que ya exista en la base de datos.
Ahora bien, te invito a ver una serie de vídeos en donde explico paso a paso el porque de cada bloque de programación.

Descargar proyecto

Como muchas personas se pierden viendo los vídeos, o simplemente les da pereza, aqui les dejo el proyecto para que lo descarguen.

5 pensamientos sobre “APP INVENTOR: APP CON LOGIN Y SIGN-UP ONLINE APLICACIÓN CON USUARIO Y CONTRASEÑA

      1. Estimado una consulta, servirá si creo una App para ingresar los usuarios y contraseñas; y después tener otra App para que yo le envie su usuario y contraseña por correo y con ello recién poder ingresar a esta otra aplicaciòn? lo he intentado pero no me sale, quizas debo modificar algo en el firebase, nose, si me pudieras ayudar seria genial.

  1. Amigo, soy profesor y tengo una aplicación un poco básico de cuestionario y me gustaría adaptarle este registro de contraseña pero previamente quería ver el .aia para probarlo antes. Pero no tienes descargas.
    Espero que puedas compartir .
    Gracias anticipadas

Deja un comentario

A %d blogueros les gusta esto: