miércoles, 6 de febrero de 2013

Microsoft Account Connect

1WVMg.png

Lo primero que tienen que hacer es ir a https://manage.dev.live.com/ para crear una aplicación de Microsoft, luego loguearse con su cuenta de Microsoft si no lo están ya. Luego rellenan los formularios con los datos de su web:
1WWi9.png

En donde dice nombre de la aplicación ponen el nombre que quiere que se muestre en la página.

Luego dan a "Acepto" y verán esto:

wg7frhged.png

En donde dice "dominio de redirección" tienen que poner la url de su web y le dan a guardar. El Id. de cliente y la clave secreta serán esenciales en este mod.

Luego dan click en "información básica" en el panel de opciones de la izquierda y lo configuran a su gusto:

16u_uma7w.png
En las direcciones de condiciones de servicio pueden poner los términos y condiciones de su web (suweb.com/pages/terminos-y-condiciones), al igual que en privacidad (suweb.com/pages/privacidad/) y en el logotipo siguen lo que dice ahí.

2) Ejecutar la siguiente consulta en la pestaña SQL de su PhpMyAdmin:
ALTER TABLE `u_miembros` ADD `user_microsoft` VARCHAR( 50 ) NOT NULL
3) Subir los archivos del zip que dejé adjunto (si usan V4 (theme default) bajen "Microsoft Connect.zip", si usan V5 (Hecho en el theme v5 3.0 de Gonzalo) bajen el "Microsoft Connect V5.zip") en la raíz del sitio y reemplazar, abrir c.mconnect.php que está en /inc/class/ y en
private $MClient = '';
entre los '' tienen que poner el Id. de cliente que se generó en el panel de Microsoft.
y en
private $MSClient = '';
entre los '' tienen que poner la clave secreta del cliente que se generó en el panel de Microsoft.


4) Abrir header.php ubicado en la raíz y buscar:
include TS_EXTRA.'QueryString.php';
Abajo poner:

// Microsoft Connect
include TS_CLASS
.'c.mconnect.php';
Buscar:


$smarty =& tsSmarty::getInstance();
Abajo poner:


// Microsoft Connect
$mconnect
= new Mconnect;
Buscar:


$smarty->assign('tsMPs',$tsMP->mensajes);
Abajo poner:


// Microsoft Connect 
$smarty
->assign('microsoft', $_SESSION['gData']);
5) Abrir c.user.php (si tienen instalado el fb connect de tutan no tienen que hacer esta parte) y buscar:
function loginUser($username, $password, $remember = FALSE, $redirectTo = NULL) {
reemplazar por:

function loginUser($username, $password, $remember = FALSE, $redirectTo = NULL, $microsoft = false) {
Buscan:
$pp_password = md5(md5($password) . $username);
Lo reemplazan por:
if(!$microsoft){ $pp_password = md5(md5($password) . $username); } else { $pp_password = $password; }
Si usan V4 (theme default):
6) Abrir head_menu.tpl que está en /themes/tutheme/templates/sections/ y buscar:
<div id="login_error" style="display: none; padding:3px 0;"></div
Abajo poner:

<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>
7) Abrir m.cuenta_sidebar.tpl que está en /themes/tutheme/templates/modules/ y buscar:
<div id="prueba"></div>
Arriba poner:

{if $tsUser->info.user_microsoft == ''}                    <center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>                    {else} <center><span style="color:green">Estás vinculado con Microsoft</span></center>{/if}
8) Abrir p.registro.form.tpl que está en /themes/tutheme/templates/t.php_files/ y buscar:
<div id="RegistroForm">
Abajo poner:

<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>
Si usan V5 (Hecho en theme Taringa V5 3.0 de Gonzalo):

6) Abrir main_header.tpl que está en /themes/tuthemev5/templates/sections/ y buscar:
<div class="login_cuerpo">
y abajo poner:
<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>
7) Abrir m.cuenta_sidebar.tpl que está en /themes/tuthemev5/templates/modules/ y buscar:
<div style="background: #CCC;padding:2px;line-height:17px"><div style="width: {$tsPerfil.porcentaje}%; height:17px;border-right:1px solid #004b8d; border-left: 1px solid #004b8d;background: url('{$tsConfig.tema.t_url}/images/barra.gif') top left repeat-x;" id="porc-completado-barra"></div></div>
y abajo poner:
{if $tsUser->info.user_microsoft == ''}<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center>{else} <center><span style="color:green">Estás vinculado con Microsoft</span></center>{/if}
8) Abrir p.registro.form.tpl que está en /themes/tuthemev5/templates/t.php_files/ y buscar:


<div id="RegistroForm"> 

Abajo poner:

<center><a href="/microsoft-connect/"><img src="http://i.imgur.com/bRD89Mq.png"></a></center> 


y listo, cualquier bug lo comentan. Capturas V4:
d2l3rbka0.png

a87_9qxvo.png

5c6x7ljh1.png

1XlHF.png



 (aviso que anda medio para atrás el hosting, a veces tira errores de include pero no es por el mod)

Con este mod podrán loguearse, registrarse y vincular su cuenta de Microsoft.

Edit 05/02/2013: Añadí dos fixes a la clase, si ya tenían el mod instalado sólo bajen el c.mconnect.php que está adjunto y lo reemplazan por el de la carpeta /inc/class/







No hay comentarios:

Publicar un comentario