Autenticación con Redes Sociales

En este tutorial veremos cómo crear un control para realizar la autenticación solo con redes sociales. (No es necesario crear todo, solo toma uno)

1. Crear una aplicación de tipo control.

2. En el menú de la aplicación, vaya a “Autenticaciones”.

Debes tener los datos de configuración de cada red social. Siga los tutoriales disponibles en nuestra base de datos:

3. Después de tener todos los datos para la configuración, vaya al menú de la aplicación “Programación> Métodos PHP” y haga clic en “Nuevo Método“.

4. Crea tres métodos para tu red social: – fb_return go_return tw_return

5. Para cada método, debe agregar algunas líneas de código.

  • Para el método “fb_return” escriba:

if(!empty([facebook_error_code]))
{
sc_error_message(urlencode([facebook_error_msg]));
}
else
{
[auth_type] = "facebook";
[user_id] = [facebook_user];
[user_photo] = [facebook_photo];
[user_name] = [facebook_name];
sc_redir("NAME_OF_YOUR_APPLICATION");
}
  • Para el método “go_return” escriba:
[auth_type] = "google";
[user_id] = [google_user];
[user_photo] = [google_photo];
[user_name] = [google_name];
sc_redir("NAME_OF_YOUR_APPLICATION");
  • Para el método “tw_return” escriba:
[auth_type] = "twitter";
[user_id] = [twitter_user];
[user_photo] = [twitter_photo];
[user_name] = [twitter_name];
sc_redir("NAME_OF_YOUR_APPLICATION");

Los códigos anteriores son para recibir datos del usuario..

6. Vuelva al menú de aplicaciones “Autenticaciones” y seleccione el “Método de retorno” de cada una de las redes sociales según los métodos creados anteriormente.

7. En el menú de la aplicación, vaya a “Campos” y haga clic en “Nuevo campo“.

8. En la “Cantidad” ingrese 4.

9. Cree los campos: tip, photo, id and name, todos del tipo etiqueta.

10. En el menú de la aplicación, vaya a “Eventos> onLoad” e ingrese el siguiente código para actualizar la información del usuario basada en la red social.

if((isset([auth_type])) && (!empty([auth_type]))){
switch ([auth_type]){ 
case "twitter":
{tip} = {lang_auth_logged}."Twitter!";  break;
case "google":
{tip} = {lang_auth_logged}."Google+!";  break;
case "facebook":
{tip} = {lang_auth_logged}."Facebook!"; break;

}
{photo} = "<img src='".[user_photo]."' />";
{id} = [user_id];
{name} = [user_name];

}else{ 

{photo} = "";
{id} = "";
{name} = ""; 
}

11. En el menú de la aplicación, vaya a “Eventos> onValidateSuccess” e ingrese el siguiente código para borrar la información cada vez que realice un nuevo inicio de sesión.

sc_reset_global([auth_type], [facebook_user], [facebook_photo], [facebook_name], [twitter_user], [twitter_photo], [twitter_name], [google_user], [google_photo], [google_name]);

12. En el menú lateral, seleccione la opción “Barra de herramientas”.

13. En las propiedades de “Barra de herramientas superior” agregue las tres redes sociales.

14. Por último configure las variables globales declaradas como tipo Salida. Vamos a la opción “Aplicación->Variable global“.

15. Publique la aplicación en el servidor con la que configuramos los accesos a las redes sociales en el punto 2 (Se debe de publicar porque no funciona localmente)


Para ver más ejemplos creados con Scriptcase, vaya a: Ejemplos: Sistemas completos y aplicaciones con Scriptcase.

Compartir este tutorial

Tutoriales en la misma categoria

Tutorial: Gestión de archivos en la nube

Algunos de los servicios de almacenamiento de datos están listos para leer y almacenar de forma se...

Integración con WhatsApp

Para integrar WhastApp con ScriptCase, estaremos utilizando una API en específico que se llama...

Confirmación por Correo Electrónico

En este tutorial veremos cómo crear un formulario de confirmación de registro para programar curs...

Enviar múltiples SMS con la macro sc_send_sms

En este ejemplo estaremos viendo cómo podemos crear una aplicación que nos ayude  a enviar m...

Comentar este post