Tutorial: 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)