RinconWeb http://www.rinconweb.com Tutoriales de Programación Web Sun, 25 Mar 2012 05:46:18 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Login con Facebook en PHP para tu sitio web http://www.rinconweb.com/2012-03/login-con-facebook-en-php-para-tu-sitio-web/ http://www.rinconweb.com/2012-03/login-con-facebook-en-php-para-tu-sitio-web/#comments Mon, 19 Mar 2012 08:16:09 +0000 admin http://www.rinconweb.com/?p=99 Aprovechando la ocasión, voy a explicar una manera sencilla de integrar Facebook con nuestro sitio web para realizar un Login:

A) Necesitamos tener una cuenta de desarrollador en Facebook.

Nos dirigimos a la siguiente URL: https://developers.facebook.com/ Click en “Get Started“, vamos a https://developers.facebook.com/apps y nos logueamos.
Por lo general nos pide que pongamos un teléfono o nuestra tarjeta de crédito. A este teléfono se enviará un código que nos permitirá operar como desarrolladores.

Este paso es fundamental.

B) Damos click en “Create New App”

Tendremos la siguiente pantalla:

1) El nombre de nuestra aplicación

2) Sólo letras

3) No lo marquen.

Click en Continuar.

4) Deben completar los cuadros y lo más importante: la casilla “Website”, con la url del sitio en el que trabajarán.

5) Guardan los cambios y recogen los valores de “App ID” y “App Secret” que utilizaremos más adelante.

Para cambiar los datos que se mostrarán en la ventana de login, dentro de nuestra aplicación vamos a “Auth Dialog” y completamos los datos que necesitamos exponer.

Ahora que tenemos nuestra aplicación creada continuamos.

C) Descargamos la librería de Facebook desde http://developers.facebook.com/docs/reference/php/

Ahora, incluímos la API en nuestro PHP:

require ‘../src/facebook.php’;

Configuramos la API con los datos que habíamos guardado en el paso anterior:

 

$facebook = new Facebook(array(
‘appId’  => ‘MI NUMERO DE APPID‘,
‘secret’ => ‘NUMERO SECRET‘,
));

$user = $facebook->getUser();

if ($user) { // Si la variable $user contiene algo se procede
try { // Intenta obtener los datos
// Proceed knowing you have a logged in user who’s authenticated.
$user_profile = $facebook->api(‘/me’);
} catch (FacebookApiException $e) { // Si no logra obtener datos, los atrapa
echo ‘<pre>’.htmlspecialchars(print_r($e, true)).’</pre>’; // Imprimo el error obtenido
$user = null; // Anulo el valor del usuario para evitar posibles errores
}
}

Bien, esto es primordial para manejar los datos luego de que estemos logueados. Pero también, es importante primero lograr mostrar el botón de “Login”.

D) Para mostrar el botón de Login usamos el siguiente código:

<!DOCTYPE html>
<html xmlns:fb=”http://www.facebook.com/2008/fbml”>
<body>
<?php if ($user) { ?>
ESTO SE MOSTRARÁ SI EL USUARIO ESTÁ LOGUEADO.
<?php } else { ?>
<fb:login-button></fb:login-button> <!– ESTE CÓDIGO CREA EL BOTÓN –>
<?php } ?>
<div id=”fb-root”></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: ‘<?php echo $facebook->getAppID() ?>’,
cookie: true,
xfbml: true,
oauth: true
});
FB.Event.subscribe(‘auth.login’, function(response) {
window.location.reload();
});
FB.Event.subscribe(‘auth.logout’, function(response) {
window.location.reload();
});
};
(function() {
var e = document.createElement(‘script’); e.async = true;
e.src = document.location.protocol +
‘//connect.facebook.net/en_US/all.js’;
document.getElementById(‘fb-root’).appendChild(e);
}());
</script>
</body>
</html>

La parte más importante del código anterior es:

<?php if ($user) { ?>
ESTO SE MOSTRARÁ SI EL USUARIO ESTÁ LOGUEADO.
<?php } else { ?>
<fb:login-button></fb:login-button> <!– ESTE CÓDIGO CREA EL BOTÓN –>
<?php } ?>

Si el usuario está logueado, podrán utilizar sus datos para registrarlos en su sistema. Caso contrario, se muestra el botón de “Login” de Facebook.

IMPORTANTE:

Lo más importante, creo yo, es tener el número de id del usuario que es único. Con este ID podrán añadirlos como usuarios a sus bases de datos.

Este “ID” se almacena en la variable $user de PHP.

Si desean obtener otros datos para hacer más sencillo el lógin, deben saber que en la variable $user_profile se almacenan en forma de Array los datos relevantes del usuario: Género, Nombre, Apellido, etc.

Para ver los arreglos dentro de la matriz pueden hacer “Print($user_profile)” y les arrojará la lista de datos obtenidos.

 ————————————————

Eso es suficiente  para que hagan lo que quieran hacer. Recuerdo una vez más que en “Auth Dialog” pueden configurar permisos, descripciones, etc.

————————————————-

Cualquier duda, sugerencia o trabajo (¿por qué no?), aquí estaré.

]]> http://www.rinconweb.com/2012-03/login-con-facebook-en-php-para-tu-sitio-web/feed/ 0 Htaccess: Url perfil de usuario http://www.rinconweb.com/2011-12/htaccess-url-perfil-de-usuario/ http://www.rinconweb.com/2011-12/htaccess-url-perfil-de-usuario/#comments Tue, 27 Dec 2011 05:42:49 +0000 admin http://www.rinconweb.com/?p=94 Hola, aquí les muestro cómo definir una url del tipo “http://sitioweb.com/nombredeusuario”.

Para ello debemos tener mod_rewrite activado en nuestro servidor.

Luego, en nuestros archivos .htaccess debemos tener definidos al principio esto:

RewriteEngine On
RewriteBase /

 

Ahora definimos las reglas de validación para la url:

RewriteRule ^([a-zA-Z0-9\-\_]+)$ index.php?action=profile&nickname=$1

Como verán el patrón “^([a-zA-Z0-9\-\_]+)$” va a aceptar nicks con letras a-z en mayúsculas y minúsculas, guiones medios y bajos.

El valor del nickname lo podrán atrapar en php a través de $_GET['nickname'] – en este caso -

Es posible que necesiten proteger las url’s de sus archivos y/o carpetas. Para ello, definimos el siguiente código en .htaccess:

RewriteRule ^Nombre_dearchivo_o_carpeta - [L,NC]


Hacemos esto con cada archivo con el que tengamos algún conflicto.

]]> http://www.rinconweb.com/2011-12/htaccess-url-perfil-de-usuario/feed/ 0 Despejar ecuaciones online http://www.rinconweb.com/2011-11/despejar-ecuaciones-online/ http://www.rinconweb.com/2011-11/despejar-ecuaciones-online/#comments Tue, 22 Nov 2011 01:06:24 +0000 admin http://www.rinconweb.com/?p=90 Sé que algunos están buscando esto y bueno… acá está:  http://www.mathway.com/problem.aspx?p=algebra

Ingresan su ecuación, seleccionan “solve the equation” en el campo “select topic” y luego clickean “answer”. Les pedirá que elijan una de las incógnitas. Seleccionan una y clickean “ok”. Los redirecciona y obtienen el despeje.

 

]]> http://www.rinconweb.com/2011-11/despejar-ecuaciones-online/feed/ 1 Cage the elephant Análisis. http://www.rinconweb.com/2011-10/cage-the-elephant-analisis/ http://www.rinconweb.com/2011-10/cage-the-elephant-analisis/#comments Sun, 23 Oct 2011 07:32:17 +0000 admin http://www.rinconweb.com/?p=85 Me encontré hace un par de días con esta banda, que por cierto, me recuerda mucho a Nirvana y The Pixies. Obviamente Nirvana fue una “extensión” the The Pixies y esa es una de las claves.

También una de las canciones me hizo recordar a Beck. Pero más allá de todo esto, la banda tiene los ingredientes perfectos para ser una gran banda de rock.

El último album “Thank You, Happy Birthday” tiene una influencia muy fuerte de The Pixies y se nota bastante en esta canción:


Puede sonar muy similar, pero el hecho de que este sonido entre nuevamente en la línea comercial “alegra” de cierta manera al público rockero que no tiene, prácticamente, representantes interesantes en la actualidad.

Dejo algunas canciones que me parecieron buenas:

]]> http://www.rinconweb.com/2011-10/cage-the-elephant-analisis/feed/ 0 Plugin Simple Con Jquery http://www.rinconweb.com/2011-10/plugin-simple-con-jquery/ http://www.rinconweb.com/2011-10/plugin-simple-con-jquery/#comments Tue, 11 Oct 2011 03:25:09 +0000 admin http://www.rinconweb.com/?p=74 No voy a entrar en detalles, es un plugin muy básico para que se entienda más o menos cómo realizar un plugin.
Este plugin toma los atributos “title” de cada link y los muestra con un alert al hacer click en el link.

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>
<script>
(function($){
$.fn.pluginALerta= function() {
return this.each(function () {     //HACE UN BUCLE PARA CADA ELEMENTO ‘a’ del ‘containerLink’
$(this).click(function(e){
primerFuncion($(this)); //Asigna la función a este elemento ($this)
});
});
function primerFuncion(elemento){
alert(elemento.attr(‘title’)); //Muestro el valor del atributo title
}
};
})(jQuery);
//EJECUTO EL PLUGIN
$(document).ready(function() {
$(‘.containerLinks a’).pluginALerta(); //Ejecuto el plugin y le indico los elementos que debe tomar
});
</script>
<body>
<div class=’containerLink’>
<a href=”javascript:void(0)” title=”Hola, esto es una primer alerta”>Primer Link</a>
<a href=”javascript:void(0)” title=”Hola, esto es una segunda alerta”>Segundo Link</a>
<a href=”javascript:void(0)” title=”Hola, esto es una tercer alerta”>Tercer Link</a>
<a href=”javascript:void(0)” title=”Hola, esto es una cuarta alerta”>Cuarto Link</a>
</div>

 

Ejemplo:

Primer Link
Segundo Link
Tercer Link
Cuarto Link
]]> http://www.rinconweb.com/2011-10/plugin-simple-con-jquery/feed/ 0 Drivers Encore ENDSL-A2+4R2 http://www.rinconweb.com/2011-08/drivers-encore-endsl-a24r2/ http://www.rinconweb.com/2011-08/drivers-encore-endsl-a24r2/#comments Mon, 15 Aug 2011 17:41:18 +0000 admin http://www.rinconweb.com/?p=69

Pueden descargarlo en el siguiente link: http://www.mediafire.com/?cedazm4lranx2j6

]]> http://www.rinconweb.com/2011-08/drivers-encore-endsl-a24r2/feed/ 0 Facebook Comments – Añadir la caja para comentar de Facebook http://www.rinconweb.com/2011-07/facebook-comments-anadir-la-caja-para-comentar-de-facebook/ http://www.rinconweb.com/2011-07/facebook-comments-anadir-la-caja-para-comentar-de-facebook/#comments Thu, 28 Jul 2011 12:11:47 +0000 admin http://www.rinconweb.com/?p=67 Copiamos el siguiente código:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="example.com" num_posts="2" width="500"></fb:comments>

Variables:

a) Href=’Mi url’

b) num_post=”Número de comentarios a mostrar”.

c) width=”ancho de la caja”.

 

]]> http://www.rinconweb.com/2011-07/facebook-comments-anadir-la-caja-para-comentar-de-facebook/feed/ 0 Usar checkbox con AS3 (Selección, deselección) http://www.rinconweb.com/2011-07/usar-checkbox-con-as3-seleccion-deseleccion/ http://www.rinconweb.com/2011-07/usar-checkbox-con-as3-seleccion-deseleccion/#comments Thu, 28 Jul 2011 12:07:10 +0000 admin http://www.rinconweb.com/?p=65 Presionamos ctrl + F7 y se abrirá la ventana de componentes. Seleccionamos User Interface y luego arrastramos el “checkbox”.

Le damos un nombre en propiedades. Ej: “share_”

Ahora asignamos un evento click a este checkbox con su respectiva función:

share_.addEventListener(MouseEvent.CLICK,hacerAlgo);
function hacerAlgo(e:MouseEvent){
if(e.target.selected){
trace("Ha seleccionado este checkbox");
}else{
trace("Ha quitado la selección de este checkbox");
}
} 

 

]]> http://www.rinconweb.com/2011-07/usar-checkbox-con-as3-seleccion-deseleccion/feed/ 0 Función para buscar datos :: Php y MySQL http://www.rinconweb.com/2011-06/funcion-para-buscar-datos-php-y-mysql/ http://www.rinconweb.com/2011-06/funcion-para-buscar-datos-php-y-mysql/#comments Sat, 11 Jun 2011 17:08:50 +0000 admin http://www.rinconweb.com/?p=54 Encontré una función que solía utilizar para realizar búsquedas, incluso con FullText.

Esta función retorna un Array o false, según sea el caso.

function busquedas($campos,$against,$tabla,$busqueda,$parametro){//********* BD *************//
$link=mysql_connect("localhost","root","root"); //Datos de conexión
mysql_select_db("BD",$link); //Base de datos
//********* BD *************//
if(str_word_count($busqueda)<=1){
$romper=explode(',',$against);
$busqueda=trim(strtolower($busqueda));
if(count($romper)>=2){
for($i=0; $i<count($romper); $i++){
if($i==0){
$nuevo='LCASE('.$romper[$i].')'." LIKE '%".$busqueda."%' OR ";
}else if($i==count($romper)-1){
$nuevo.='LCASE('.$romper[$i].')'." LIKE '%".$busqueda."%'";
}else{
$nuevo.='LCASE('.$romper[$i].')'." LIKE '%".$busqueda."%' OR ";
}
}}else{
$nuevo='LCASE('.$romper[0].')'." LIKE '%".$busqueda."%'";
}

if($parametro==''){
$x=mysql_query('SELECT '.$campos.' FROM '.$tabla." WHERE ".$nuevo);
}else{
$x=mysql_query('SELECT '.$campos.' FROM '.$tabla." WHERE (".$nuevo.") ".$parametro);
}

}else{
$busqueda=trim(strtolower($busqueda));
$pos=count($campos);
$campos.=", MATCH(".$against.") AGAINST('".$busqueda."' IN BOOLEAN MODE) AS Score";
if($parametro==''){
$x=mysql_query('SELECT '.$campos.' FROM '.$tabla." WHERE MATCH(".$against.") AGAINST ('".$busqueda."' IN BOOLEAN MODE) ");
}else{
$x=mysql_query('SELECT '.$campos.' FROM '.$tabla." WHERE MATCH(".$against.") AGAINST ('".$busqueda."' IN BOOLEAN MODE) ".$parametro);
}
}
$retorno=array();
$indice=0;
while($row=mysql_fetch_array($x)){
for($i=0; $i<count($romper);$i++){
$var=($row[$romper[$i]]);
$retorno[$romper[$i]][$indice]=$var;
}
$indice++;
}
if($x==true){ return $retorno; }else{ return false; }
}

Deben configurar su base de datos y conexión a MySQL, luego llaman a la función de la siguiente manera:

$resultado=busquedas(‘campo1,campo2′,’campo1,campo2′,’Tabla’,'Lo que busco’,'Parametro [opcional]‘);

*Recuerden, siempre se ponen los mismos campos en el primer y segundo parámetro.

Ejemplo:

$resultado=busquedas(‘Song‘,’Song‘,’archivos‘,’a‘,”); // Retorna los campos ‘Song’ que contengan la letra ‘a’.

$resultado=busquedas(‘Song,Duration, Bitrate‘,’Song,Duration, Bitrate‘,’archivos‘,’Canción X‘,”); // Retorna los campos ‘Song, Duration y Bitrate’ que contengan las palabras ‘Canción X’.

El valor devuelto será un Array:

$resultado['Song'][0]; // El segundo valor de la matriz – 0 – es el índice. El índice irá de ’0′ a la cantidad de registros que contenga el Array.

*Si queremos saber cuántos valores almacena el Array usamos: count($resultado['Song']); // Valor Numérico.

** Para realizar búsquedas que contengan más de una palabra deben crear los índices Full-text para los campos sobre los que van a operar. Esto pueden hacerlo desde PhpMyAdmin o desde SQL escribiendo:

ALTER TABLE MiTabla ADD FULLTEXT(Campo1, Campo2);

]]> http://www.rinconweb.com/2011-06/funcion-para-buscar-datos-php-y-mysql/feed/ 0 Recortar MP3 por la mitad con PHP http://www.rinconweb.com/2011-06/recortar-mp3-por-la-mitad-con-php/ http://www.rinconweb.com/2011-06/recortar-mp3-por-la-mitad-con-php/#comments Tue, 07 Jun 2011 18:30:08 +0000 admin http://www.rinconweb.com/?p=50

function cut_mp3($file,$output){
$x=fopen($file,'rb');
$y=fopen($output,'w+');
fwrite($y,fread($x,(filesize($file)/2)));
fclose($x);
fclose($y);
}

 

Obviamente no está todo hecho, funciona bien, pero deberían controlar los errores posibles.

$file=Nombre del archivo a recortar.

$output=Nombre del archivo resultante cortado a la mitad.

 

]]> http://www.rinconweb.com/2011-06/recortar-mp3-por-la-mitad-con-php/feed/ 0