elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Usando Git para manipular el directorio de trabajo, el índice y commits (segunda parte)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP (Moderador: #!drvy)
| | | |-+  Incluir metadatos de forma dinámica
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Incluir metadatos de forma dinámica  (Leído 3,713 veces)
Marciano_79

Desconectado Desconectado

Mensajes: 36


Ver Perfil
Incluir metadatos de forma dinámica
« en: 26 Junio 2016, 02:43 am »

Hola a todos... quiero que me echen una mano con este tema, como dice el titulo quiero obtener metadatos diferentes para cada página de mi sitio web.. como el titulo, descripción y keywords... la mayoría de mis paginas pasan por GET (no todas) y para ser honesto buscando por todo google no pude dar a como realizar esta tarea... porfavor alguien que me pueda dar una idea, orientación o pueda compartir un código, quedaría muy agradecido... estos son mis archivos de una galería de fotos.. head.php, metadatos.php, galerias.php y galeria-fotografica.php


head.php
Código
  1. <!doctype html>
  2. <html lang="es-ES">
  3. <head>
  4. <head profile="http://www.midominio.com">
  5. <?php
  6. include('panel/_setup.php');
  7. include "php/metadatos.php";
  8. ?>
  9.  
  10. <link href="includes/css/menu.css" rel="stylesheet" type="text/css">
  11. <link href="includes/css/stylenew.css" rel="stylesheet" type="text/css">
  12.  
  13. </head>
  14.  
  15. <?php include "php/navimenu.php";?>
  16. </header>


metadatos.php
Código
  1. <meta name="Title" content="titulo que corresponda para cada página">
  2. <meta name="Description" content="descripcion que corresponda para cada página">
  3. <meta name="keywords" content="palabra1, palabra2,  palabra3, etc">

la idea "talvez" seria que quedara algo así, si es que sirve para mi propósito
metadatos.php
Código
  1. <meta name="title" content="<?php echo $title; ?>">
  2. <meta name="description" content="<?php echo $description; ?>">
  3. <meta name="keywords" content="<?php echo $keywords; ?>">

galerias.php
Código
  1. <?php
  2. include('panel/_setup.php');
  3. include "php/head.php";
  4. ?>
  5.  
  6. <div id="principal">
  7. <?php
  8. if( isset( $_GET['cat'] ) ){  
  9.    $id = $_GET['cat'];
  10.        $consulta ="code sql;  
  11.  
  12. echo"<title>Galería Fotográfica $id </title>";        
  13. echo "<h1>Fotografía</h1>";
  14.  
  15. }
  16. echo '<div id="listado">';
  17. $filas = mysqli_query($cnx, $consulta);
  18. while( $columna = mysqli_fetch_assoc($filas)){
  19.  $id = $columna['IDGALERIA'].'-'. $columna['TITULO'];
  20.              $subconsulta = "code sql";
  21.  $filas2 = mysqli_query($cnx, $subconsulta);
  22.  $datos = mysqli_fetch_assoc($filas2);
  23.  
  24.  echo '<div>';  
  25.  echo "<h2>$columna[TITULO]</h2>";
  26.  echo "<div>$columna[FECHA]</div>";
  27.  
  28.  }
  29.  echo "<p>". nl2br( $columna['DESCRIPCION'])."</p>";
  30.  echo "<a href='galeria-fotografica.php?gal=$id'>VER GALERIA</a>";
  31.  echo '</div>';
  32.  
  33.  }
  34.  echo '</div>';
  35.  
  36. mysqli_close($cnx);
  37. ?>
  38. </div>
  39. <?php include "php/pie_pagina.php";?>


galeria-fotografica.php
Código
  1. <?php
  2. include('panel/_setup.php');
  3. include "php/head.php";
  4. ?>
  5. <div id="principal">  
  6. <?php
  7.    if( isset( $_GET['gal'] ) ){
  8. $id = $_GET['gal'];
  9. $consulta = "code sql";
  10. $filas = mysqli_query($cnx, $consulta);
  11. $columna = mysqli_fetch_assoc($filas);
  12. echo "<title>Fotografía, $columna[TITULO]</title>";
  13. echo "<h2>$columna[TITULO]</h2>";
  14.        echo "<p>$columna[DESCRIPCION]</p>";
  15.        echo '<a href="javascript:history.back(-1);" title="Ir la página anterior">VOLVER ATRAS</a>';
  16.  
  17.          echo '</div>';  
  18. }
  19.  
  20. mysqli_close($cnx);
  21. ?>
  22. </div>
  23. <?php include "php/pie_pagina.php";?>

desde ya muchas gracias a quien me pueda ayudar... Saludos!
 


« Última modificación: 28 Junio 2016, 03:10 am por Marciano_79 » En línea

gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: Incluir metadatos de forma dinámica
« Respuesta #1 en: 26 Junio 2016, 04:50 am »

No estoy seguro de como es la estructura de tu sitio, supongo que tienes un archivo main.php donde incluyes todas las demás páginas.

Tampoco sé como estás haciendo esto, el incluir cada página según la url. Una manera eficiente para esto y además para saber que metadatos incluir, es usar un array whitelist con los nombres de los url permitidos, cada uno apuntando a su archivo .php para luego incluirlos en main.php con un array_key_exists (o cualquier otra manera para hacer esto).

Yo lo hago de la siguiente manera: En index.php tengo un array donde tengo listadas todas las páginas y url de mi sitio. Por ejemplo, para saber cual es el títutlo de la página hago lo siguiente:

Código
  1. // index.php
  2.  
  3. $includes = [
  4.    '/pagina'       => 'pagina.php',
  5.    '/pagina2'      => 'pagina2.php'
  6. ];
  7.  
  8. $include = array_key_exists($url, $includes) ? $url : '/404';
  9.  
  10. //GET TITLE
  11. $title = $lang->getText($include);
  12.  
  13. include($pages . 'main/main.php');
  14.  
  15. // main.php
  16.  
  17. // aqui incluyes tus páginas, (Dentro de <body>)
  18. include($includes[$include]);

(nota: lo que hago en $title es pasar la url a una clase que coge el texto de memcached o de la db si es la primera vez y todavía no está cacheado)

De esta manera ya sabes en que página estás y puedes saber que información incluir de manera dinámica.

También te sirve por si quieres incluir css, js, contenido, etc... especifico de la página, con un simple if:

Código
  1. if ($include == '/pagina') {}

Un consejo a la hora de imprimir de php a html, usa el shorthand que viene activado por defecto en php 5.4:

Código
  1. <meta name="title" content="<?= $title ?>">

Cuando hay bastantes se nota la diferencia. Solo sirve para imprimir, para todo lo demás abre con los tags completos.


En línea

Marciano_79

Desconectado Desconectado

Mensajes: 36


Ver Perfil
Re: Incluir metadatos de forma dinámica
« Respuesta #2 en: 27 Junio 2016, 02:07 am »

Hola… muchas gracias por tu respuesta.!! Mira la verdad aún no defino  cual sería la mejor forma de estructurar mi sitio… esto es porque quiero la mejor opción para traer los metas, por ello has tocado un punto muy importante que se me olvido señalar en un principio… por ahora las paginas solo las veo por un archivo, navimenu.php  donde tengo un menú de esta forma…

Código
  1. <li>
  2.   <a href="">Fotografía</a>
  3.                <ul>
  4. <?php
  5. $consulta_fotografia =<<<SQL
  6. aqui esta mi codigo sql
  7. SQL;
  8. $listas = mysqli_query($cnx, $consulta_fotografia);
  9.          while($id = mysqli_fetch_assoc( $listas ) ) {
  10.           echo"<li><a href='galerias.php?cat=$id[NOMBRE_CATEGORIA]'>$id[NOMBRE_CATEGORIA]</a>";
  11. }
  12.   ?>
  13. </ul>                      
  14.             </li>

Tenía en mente preparar la estructura de forma modularisada, creando un archivo conf.php definiendo módulos por defecto, etc… algo así.

Código
  1. $conf['home'] = array(
  2. 'archivo' => 'home.php',
  3. 'imagen' => ' /images/banner.jpg',
  4. 'titulo' => ' titulo del home',
  5. 'layout' => 'template.php'
  6.  
  7. );
  8.  
  9.  
  10. $conf ['galerias'] = array(
  11. 'archivo' => 'galeria-fotografica.php',
  12. 'imagen' => ' /images/banner.jpg',
  13. 'titulo' => 'titulo de galerias',
  14. 'layout' => LAYOUT_DEFECTO  
  15. );

Pero no estoy seguro, ni creo que sea  lo mejor… tu me podrías ayudar hacer bien la estructura así como lo haces tú, para que me quede de mejor forma, prefiero tu ejemplo lógicamente ya que tú tienes más control sobre él y yo podría comprender de mejor forma…  si me puedes ayudar siempre y cuando tengas tiempo, como tendría que preparar bien mi index.php, a demás de crear el archivo main.php para incluir las paginas…? desde ya muy agradecido por tu tiempo.! saludos..
En línea

gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: Incluir metadatos de forma dinámica
« Respuesta #3 en: 29 Junio 2016, 05:28 am »

El index.php lo empezarias de la siguiente manera:

1. Con el require de tu framework, si usas uno.
2. Seguidamente inicializas tus clases.
3. Coges el url de $_SERVER['REQUEST_URI'] (comprobandolo y limpiandolo).
4. Inicias la sesion (si hay usuarios).
5. Y haces la comprobación del login.

Hasta aquí tendrías algo así:

Código
  1. ini_set('display_errors', 1); // se cambia a 0 en producción
  2.  
  3. define('_NDTP', 'Nombre de tu Proyecto'); // o lo que quieras, luego vemos para que sirve esto
  4.  
  5. header('Content-Type: Text/HTML; Charset=UTF-8');
  6.  
  7. require('config-web.php'); //aquí yo declaro parametros como url a static y path_framework
  8. require($path_framework . 'aet.php'); // incluyo mi framework
  9.  
  10. //$flood = new FloodDetection();
  11. //$flood->check();
  12.  
  13. $web_user       = new web_user();
  14. $functions      = new functions();
  15. $property       = new Property();
  16. $AddressBook    = new AddressBook();
  17.  
  18. //CHECK URL WITH SECURITY
  19. $url = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
  20. $url = $functions->esc_url($url);
  21.  
  22. if (substr($url, -1) == '/')
  23.    $url = substr($url, 0, -1);
  24.  
  25. $web_user->sec_session_start(); // mi clase custom para la sesión, es recomendable configurarla bien
  26.  
  27. $client = $web_user->login_check(); // FALSE OR CLIENT

Si vas a tener usuario, ahora mismo sabríamos si el usuario se ha identificado o no. Si no está identificado entonces $client sera FALSE, pero si lo ha hecho entonces $client será un objeto de clase con la información del usuario (y podremos llamar las funciones de la clase client()).

Ahora viene lo de las url:

1. Hay que comprobar, con un if por ejemplo, si el usuario se ha logueado o no, para mostrar unas páginas u otras.
2. Crear un array para cada caso, que será un whitelist de lás páginas disponibles.

Sería algo así el código:

Código
  1. $pages  = 'pages/';
  2.  
  3. if ( FALSE !== $client ) {
  4.  
  5.    // client's most needed data
  6.    $clientId       = $client->getId();
  7.    $isParticular   = $client->getIsParticular();
  8.  
  9.    // en caso de necesitar incluir código antes del output (principalmente para hacer redirecciones header)
  10.    // en caso de que ejecutarse el código de estos archivos, debería o bien hacer la redireccion o terminar la ejecución con un die()
  11.    switch ($url) {
  12.        case '/get'     : include($pages . 'get.php');             break; // header('Location: /...') or die('error');
  13.        case '/post'    : include($pages . 'post.php');            break; // header('Location: /...') or die('error');
  14.        case '/logout'  : include($pages . 'headers/logout.php');  break; // header('Location: /...') or die('error');
  15.    }
  16.  
  17.    // el whitelist de las páginas disponibles solo para los usuarios registrados
  18.    $includes_var = [
  19.        '/test'                     => $pages . 'test.php',
  20.        '/account'                  => $pages . 'account.php',
  21.        '/property'                 => $pages . 'property.php',
  22.        '/change_pwd'               => $pages . 'change_pwd.php'
  23.    ];
  24.  
  25. }
  26. else {
  27.  
  28.    // aquí lo mismo, si se ejecuta el script debe o bien redirigir o detenerlo con die en caso de error.
  29.    // para que no se muestre el resto de la página despues del error
  30.    switch ($url) {
  31.        case '/activateAccount' : include($pages . 'activate_acc.php');     break; // header('Location: /...') or die('error');
  32.        case '/login'           : include($pages . 'headers/login_post.php'); break; // header('Location: /...') or die('error');
  33.    }
  34.  
  35.    // otro whitelist de las páginas disponibles en caso de no haberse identificado
  36.    $includes_var = [
  37.        '/test'                     => $pages . 'test.php',
  38.        '/404'                      => $pages . '404.php',
  39.        '/login'                    => $pages . 'login.php',
  40.        '/resend_email'             => $pages . 'resend_email.php'
  41.    ];
  42.  
  43. }
  44.  
  45. // si $url == '' entonces le damos el url de la página principal
  46. $url = $url ?: '/home';
  47.  
  48. // aqui tenemos el whitelist de las páginas que siempre están disponibles para todos
  49. $includes = [
  50.    '/404'                      => $pages . '404.php',
  51.    '/help'                     => $pages . 'help.php',
  52.    '/home'                     => $pages . 'home.php'
  53. ];
  54.  
  55. $includes = array_merge($includes, $includes_var);

Como puedes ver, ahora tenemos un array con todas las páginas permitidas.

Lo siguiente sería saber cual es el título de la página, y todo lo demás que dependa de la página actual, como los meta:

Código
  1. //CHECK TRANSLATION
  2. $lang   = locales::instantiate($client);
  3.  
  4. $include = array_key_exists($url, $includes) ? $url : '/404';
  5.  
  6. //GET TITLE
  7. $title  = $lang->getW($include);

Como te comenté anteriormente, tengo una clase abstracta que inicializa un idioma basado en diferentes factores (primero la opción que haya elegido el usuario en su cuenta y segundo el idioma de su navegador), una vez inicializada la función se le pueden pasar keys (que en este caso sería la url) y te devuelve el texto correspondiente. Tu puedes hacerlo como quieras.

Y por ultimo se incluye el main.php:

Código
  1. include('pages/main/main.php');

Bien, ahora vamos a usar el define() de arriba del todo, esto es basicamente para que los archivos no se accedan directamente y solo puedan ser mostrados mediante el index.php.

También aprovecho para mostrarte como incluir las páginas dentro de main.php:

La estructura del archivo main.php es muy simple, primero se comprueba con defined (por lo indicado arriba) y luego se empieza la estructura normal del html. Ahora incluir las páginas, yo te recomiendo que lo hagas dentro de la etiqueta <main> (que debería ir dentro de <body>):

main.php:
Código
  1. <?php
  2.  
  3.    // Esto quiere decir que si no esta definido el key se termina la ejecución y no se muestra nada
  4.    // solo debería ocurrir cuando se intenta acceder directamente al archivo y no cuando se incluye
  5.    // ya que en index.php está definido el key. Esto habría que ponerlo en todos los archivos de tu web
  6.    defined('_NDTP') or die();
  7.  
  8. ?>
  9. <!DOCTYPE html>
  10. <html>
  11.  
  12.    <head>
  13.  
  14.        <meta http-equiv="Content-Type" content="Text/HTML" charset="UTF-8" />
  15.        <meta name="keywords" content="google" />
  16.        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  17.  
  18.        <title>NombreWeb | <?= $title ?></title>
  19.  
  20.        <meta name="author" content="" href="" />
  21.        <meta name="copyright" content="&copy; NombreWeb <?= date("Y") ?>" />
  22.  
  23.        <link rel="shortcut icon" href="<?= $path_static; ?>images/favicon.ico" />
  24.        <link rel="StyleSheet" type="text/CSS" media="all" href="<?= $path_static; ?>css/styles.css" />
  25.  
  26.        <script type="text/javascript" src="<?= $path_static ?>js/scripts.js"></script>
  27.  
  28.    </head>
  29.  
  30.    <body>
  31.  
  32.        <header>
  33.  
  34.        </header>
  35.  
  36.        <main>
  37.  
  38. <?= include($includes[$include]); ?>
  39.  
  40.        </main>
  41.  
  42.        <footer>
  43.  
  44.        </footer>
  45.  
  46.    </body>
  47.  
  48. </html>

Otra cosa importante son los archivos estáticos, como imagenes, jscripts, css, etc. Estos deberían ir en un subdominio, propiamente llamano static.tuweb.com y que preferiblemente tenga php desactivado, más que nada por si permites subir archivos que no se ejecuten.

Pero la razón por la que hay que hacer esto así es porque tu dominio principal no va a aceptar urls normales, como por ejemplo /jscripts/scripts.js o /images/logo.jpg ya que vas a usar las friendly urls para navegar como /home o /account, etc... Que basicamente son los indexes de tu array $includes, estos deben ser las urls.

Para ello tienes que poner el siguiente código en tu .htaccess:

Código:
Options -Indexes

DirectoryIndex index.php

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^index\.php$ - [L]
RewriteRule . index.php [L]
</IfModule>

Esto lo que hace es basicamente redirigir todas las peticiones a tu archivo index.php que ahora hace de router. Apache ya no lo usas para navegar por tu sitio, ahora es tu index.php el que se encarga de eso, pero para ello, hay que pasarle todas las peticiones para saber cual es la url a acceder.

Cualquier duda mañana te respondo que hay sueño  :P Espero que se haya entendido  :silbar:
En línea

Marciano_79

Desconectado Desconectado

Mensajes: 36


Ver Perfil
Re: Incluir metadatos de forma dinámica
« Respuesta #4 en: 30 Junio 2016, 04:38 am »

Maestro.. realmente te pasastes!! reviso con detalle el código y te comento... eso si, no uso usuarios, no es un foro ni blog, solo más adelante tendrán en algunos apartados o artículos para comentar de forma libre, sin previo registro... muchas gracias.!!  ;-) amm por otra parte no estoy usando framework para desarrollo, solo uso un framework para los css como lo es Bootstrap.. saludos!
« Última modificación: 30 Junio 2016, 12:03 pm por Marciano_79 » En línea

gAb1


Desconectado Desconectado

Mensajes: 731


Ver Perfil
Re: Incluir metadatos de forma dinámica
« Respuesta #5 en: 30 Junio 2016, 23:14 pm »

No hay problema, simplemente omites las partes donde inicias la sesión php y compruebas el login, y simplemente un solo array (ya no necesitas el array_merge() ni el if) y si no tienes framework no necesitas incluir ni inicializar nada.

Si no necesitas usar todo lo que ofrece bootstrap y quieres aligerar tu web (y la carga de los clientes y reducir el consumo de ancho de banda) leete la respuesta que puse en el mensaje en desarrollo web donde explico como hacer diseño responsive basico y facil sin necesidad de usar un framework.
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines