Back

Red Social de imágenes (Tweets) en Laravel

Este script recupera las listas de favoritos de Twitter y YouTube y guarda esos contenidos en la base de datos de tu sitio y crea Tweets, videos e imágenes de estilo personalizado. Si lo deseas, puedes agregar tus propias publicaciones desde el panel de administración. en palabras simples es una pequeña plataforma para compartir imágenes donde los usuarios le darán like y compartirán en redes sociales.

Red Social de imágenes (Tweets) en Laravel administrador


Red Social de imágenes (Tweets)

Características

  • Publica tus tweets favoritos.
    • Publica videos favoritos de YouTube.
    • Publica tu línea de tiempo de Instagram.
    • Crear contenido del sitio web con un solo clic
    • Crea tu propia imagen y contenido de texto desde el panel de administración
    • Tweets, videos e imágenes de estilo personalizado.
    • Título y descripción automática.
    • Soporte de video HTML5.
    • Twitter emojis de apoyo.
    • Compartir en Facebook y Twitter.
  • Panel de administrador
    • Edita y borra tweets, videos e imágenes.
    • Crear categorías para los contenidos.
    • Editar configuración.
    • Editar usuarios.
  • Desarrolado con Laravel 5 y Bootstrap 4
  • Buscador accesible
  • Responsive y móvil optimizado

Requerimientos

  • PHP> = 5.6.4
  • Extensión PHP OpenSSL
  • Extensión PHP de DOP
  • Mbstring Extensión PHP
  • Tokenizer PHP Extension
  • MySQL 5.5.3+
  • Cuenta de Twitter
  • Twitter Api
  • Cuenta de YouTube
  • YouTube Api
  • Cuenta de Instagram
  • Facebook Api (para comentar plugin)

Instalación en Hosting Compartido

  1. Crear una base de datos
  2. Cree un nuevo directorio: conéctese a su servidor web utilizando su cliente FTP / SFTP habitual. 
    Navegue al directorio raíz y cree un nuevo directorio con el mismo nivel de su ( public_html o www ), y cámbiele el nombre como «likes.

Nota: Creamos un nuevo directorio de «likes» porque Laravel tiene una estructura de carpetas diferente y la forma más segura de almacenar archivos.

3. Cargar archivos: extraiga el archivo zip descargado.

3a. Sube likes.zip al interior del recién creado likes carpeta y extraer la misma.

3b. Suba todos los archivos de la carpeta public a su public_html o www o yoursite.com . (Donde usualmente subes tus archivos en tu hosting).

  • Inicie el instalador: está listo para comenzar el proceso de instalación. Ingrese la siguiente URL cambiando con su nombre de dominio. Ejemplo: http://www.yourdomain.com/install
  • Pasos del asistente de instalación: Siga los pasos del asistente de instalación a continuación.
    1. Haga clic en el botón «Siguiente paso» para iniciar la instalación como se muestra a continuación
  • Ingrese la URL de su sitio web como se muestra a continuación, no necesita cambiar los demás.
  • Haga clic en el cuadro de texto que se desplaza hacia abajo, ingrese la información de su base de datos y haga clic en save.env . Recibirá el mensaje «Su configuración de archivo .env se ha guardado». Continúe con el siguiente paso haciendo clic en el botón «Siguiente paso».

Ingrese el nombre de host para DB_HOST, generalmente el nombre de host sería localhost 
Ingrese el nombre de la base de datos recién creada para DB_DATABASE 
Ingrese el nombre de usuario de MySQL para DB_USERNAME 
Ingrese el nombre de MySQL PASSWORD para DB_PASSWORD

  • Aquí está la pantalla que comprueba si se cumplen los requisitos. Si ve una marca de verificación verde como se muestra en la figura, significa que puede pasar al siguiente paso; de lo contrario, asegúrese de cumplir los requisitos mencionados.
  • Esta es la pantalla de permisos que verifica si las carpetas requeridas tienen los permisos mencionados. Si ve una marca de verificación verde como se muestra en la figura, significa que puede pasar al siguiente paso, de lo contrario, haga los permisos de su carpeta correctamente. (Estas carpetas están dentro de su directorio me gusta). Ahora puedes presionar el botón Instalar.
  • Es todo : Si no recibió ningún mensaje de error, su instalación se completó.

Ahora puede ir a su panel de administración:
Ejemplo: http://www.yourdomain.com/login 
su nombre de usuario predeterminado: admin contraseña: 123456
inicie sesión en el panel de administración y desde la sección de perfil cambie su contraseña.

Ver más:  Versiones anteriores de XAMPP con PHP 5

Instalación en Cloud Server

IMPORTANTE: siga estas instrucciones si desea instalar «Me gusta» en el Servidor Cloud con la estructura predeterminada de Laravel, de lo contrario, ¡no preste atención! Debido a que la estructura de carpetas «likes» está lista para hospedajes compartidos, puede cambiar fácilmente algunos códigos de líneas y la estructura de carpetas y puede instalar en Cloud Server.

  • Extraiga el archivo zip descargado
  • Abra public/index.php y edite los códigos a continuación con su editor html.

Encontrar:

[php]require __DIR__.’/../likes/bootstrap/autoload.php’;
[/php]

y reemplazar con: 

[php]require __DIR__.’/../bootstrap/autoload.php’;[/php]

Encontrar :

[php]$app = require_once __DIR__.’/../likes/bootstrap/app.php’;[/php]

y reemplazar con: 

[php]$app = require_once __DIR__.’/../bootstrap/app.php’;[/php]

Encuentra y elimina el siguiente código: 

[php]$app->bind(‘path.public’, function () {
return __DIR__;
});[/php]

Añadir carpeta pública dentro de likes.zip . Tendrá la estructura de carpetas Laravel predeterminada como se muestra a continuación.

Sube likes.zip a su servidor y extraerlo . Vaya a http://www.yourdomain.com/install y se iniciará el asistente de instalación. Puedes seguir los pasos del asistente de instalación desde arriba.

Guía de inicio rápido

  1. Vaya al panel de administración: después de una instalación exitosa, vaya a sudominio.com/login e inicie sesión en el panel de administración. Su nombre de usuario predeterminado es adminy la contraseña es 123456. Por favor, cambie su contraseña primero desde la sección de Perfil en el panel de administración.
  2. Editar configuración: cuando haya iniciado sesión en el panel de administración, vaya a la sección de configuración , complete toda la información y presione el botón Guardar. Para más información haga clic en: Ayuda de configuración.
  3. Vaya a Twitter: vaya a Twitter y disfrute (ja ja ja) de algunos tweets con su cuenta. Si quieres publicar tus propios tweets, te pueden gustar y también serán publicados.
  4. Vaya a Youtube: Vaya a Youtube y disfrute de algunos videos con su cuenta. Si quieres publicar tus propios videos, te pueden gustar y también serán publicados.
  5. Contenido de Instagram: solo necesita escribir su nombre de usuario de Instagram en la página de configuración, no necesita ninguna API, pero su perfil debe ser público.
  6. Fetch Contents: Ve a la página de inicio en el panel de administración y presiona los botones «Fetch New Tweets New», «Fetch New Youtube Videos», «Fetch New Instagram Contents». Si utiliza el trabajo cron, no necesita recuperar esos contenidos manualmente.
  7. ¡Está hecho! Puede presionar «Ver sitio web» y verá todos los contenidos en su sitio web, así de sencillo señores.

Crea tus propios mensajes y categorías

Cree sus propias publicaciones : Con «likes» puede crear sus propias publicaciones de texto e imagen fácilmente desde el panel de administración.

  1. Haga clic en el enlace «Contenido» en la barra de navegación en el panel de administración.
  2. Haga clic en el botón «Agregar nueva publicación» en el lado derecho.
  3. Escribe: Título, Descripción y puedes subir la imagen desde la entrada del archivo. Seleccione la casilla de verificación «En vivo» y presione «Publicar».
  4. Está hecho. Su nuevo contenido estará en su sitio web.

Notas: 
* Para editar el contenido, puede hacer clic en el botón Editar en la sección «Contenido». Puedes editar completamente tus propias publicaciones, pero para los contenidos externos (de Twitter, YouTube o Instagram) hay limitaciones. 
* Si desmarca la casilla de verificación «En vivo», su contenido no aparecerá en el sitio web, pero puede verlos en la sección «Contenido» en la pestaña Sin publicar.

Crear categorías: con «likes» puedes crear categorías fácilmente.

  1. Haga clic en el enlace «Categorías» en la barra de navegación en el panel de administración.
  2. Haga clic en el botón «Agregar categoría» en el lado derecho.
  3. Escriba: Título de la categoría, Nombre de la categoría y cargue la imagen de la categoría y presione el botón «Crear».
  4. Está hecho. Cuando edite o cree un contenido, puede seleccionar su categoría.
Ver más:  Plantilla para Blogger de Revistas y Noticias

Notas: 
* Solo las categorías activas aparecerán en el sitio web. Significa que necesitas vincular al menos un solo contenido con eso.

Ayuda de ajustes

Más información sobre la configuración en el panel de administración.

  • Nombre del sitio: Ingrese el nombre de su sitio.
  • Descripción del sitio: Introduzca la descripción del sitio web para seo.
  • Título del sitio: este es el título de su sitio web y aparecerá en sus metaetiquetas y navegador.
  • Logo del sitio: Cargar logo para su sitio web. pngArchivo y tamaño recomendados :200x35
  • Nombre de usuario de Instagram: ingrese el nombre de su cuenta de Instagram sin el carácter ‘@’.
  • Nombre de usuario de Twitter: ingrese el nombre de su cuenta de Twitter sin el carácter ‘@’.
  • Clave del consumidor de Twitter: Ingrese su api Clave del consumidor de Twitter . Si no sabes cómo crear la Api de Twitter lee aquí.
  • Secreto del consumidor de Twitter: Ingrese su api del secreto del consumidor de Twitter
  • Token de acceso a Twitter: Ingrese su token de acceso a la api de Twitter .
  • Twitter Access token secret: Ingrese su api de Twitter para acceder token secret.
  • ID de api de YouTube : Ingrese su clave de api de YouTube . Si no sabes cómo crear YouTube Api lee aquí.
  • ID de lista de reproducción de YouTube: Ingrese su ID de lista de reproducción de YouTube . Si no sabes cómo obtener el ID de la lista de reproducción de YouTube, lee aquí.
  • Facebook Api ID: ingrese su ID de aplicación de Facebook para moderar los comentarios. Si no sabes cómo crear la aplicación de Facebook lee aquí.
  • Configuraciones opcionales: En la pestaña puedes ver configuraciones «opcionales». Puedes cambiar el texto de los menús y encabezados desde esa pestaña.

Cómo crear Twitter Api

Para crear una aplicación de Twitter y recopilar el token del consumidor, el secreto del consumidor, el token de acceso y el token secreto de acceso asociado con él, simplemente siga los pasos a continuación.

  • Vaya a apps.twitter.com y haga clic en Iniciar sesión en la parte superior derecha. Inicia sesión usando tus credenciales personales de Twitter.
  • Si esta es la primera vez que creas una aplicación en Twitter. Verá un botón para «Crear nueva aplicación»
  • Rellene los tres primeros campos «obligatorios» y marque la casilla junto a «Sí, acepto» para aceptar el acuerdo del desarrollador. Haga clic en el botón «Crear su aplicación de Twitter». 
    Nota: El campo «Sitio web» debe ser una URL completamente calificada, lo que significa que en lugar de «yoursite.com», debe ingresar «http://www.yoursite.com»
  • Haga clic en la pestaña «Llaves y tokens de acceso».
  • Su clave de consumidor y su secreto de consumo estarán en esta pestaña. Es posible que deba hacer clic en un botón para crear su token de acceso y el secreto de token de acceso más abajo en la página. Copie estos cuatro campos para usar de nuevo en la página de configuración de Me gusta

Cómo crear YouTube Api

Para crear una API de YouTube y obtener la clave de la API y el ID de la lista de reproducción, simplemente siga los pasos a continuación.

  • Rellene el nombre del proyecto que desee.
  • Luego haga clic en la opción de enlace llamada «API de datos de YouTube». Está bajo la API de YouTube. Puedes verlo resaltado en la foto de abajo, abajo a la derecha.
  • Ahora haga clic en el botón «ACTIVAR».
  • A continuación, haga clic en el botón azul «Ir a Credenciales» a la derecha.
  • Elija la opción de selección API de datos de YouTube v3 para la primera opción de selección y el servidor web (por ejemplo, nodo js. Tomcat) para la segunda selección. A continuación, elija Datos públicos. Ahora haga clic en el botón azul, «¿Qué credenciales necesito?»
  • Casi listo, espere a que Google cree su nuevo proyecto y debería ver la pantalla a continuación donde puede copiar su clave API.

Cómo obtener ID de lista de reproducción de YouTube

  • Vaya a YouTube e inicie sesión con su cuenta. 
    Haga clic en el botón de videos Me gusta en el lado izquierdo.
  • Mire la url del navegador y verá su id de lista de reproducción al final de la url: 
    «https://www.youtube.com/playlist?list=THIS-IS-YOUR-PLAYLIST-ID». 
    Copia esto y pégalo en la página de configuración Id. De lista de reproducción.
  • Haga clic en el botón Opciones en el lado derecho y desactive la opción «Mantener privados todos los videos que me gustan».
Ver más:  Plantilla Minimalista GutenBlog para WordPress

Cómo crear la aplicación de Facebook

  • Vaya a https://developers.facebook.com/docs/apps/register Inicie sesión en Facebook
  • Cuenta de desarrollador Necesitará una cuenta de desarrollador de Facebook para comenzar. Si no tiene una, actualice su cuenta personal de Facebook a una cuenta de desarrollador de Facebook ahora. Omita este paso, si ya tiene una cuenta de desarrollador.
  • Crear una nueva aplicación de Facebook Elija Aplicaciones en la navegación de encabezado y seleccione Agregar una nueva aplicación.
  • Elija la plataforma Elija la plataforma del sitio web.
  • Elija un nombre 
    Elija un nombre para su aplicación y seleccione Crear nuevo ID de aplicación de Facebook. Elija una categoría para su aplicación. Si está creando una versión de prueba de una aplicación de Facebook existente, seleccione la aplicación que está probando.
  • Siga los pasos de «Inicio rápido»
  • Tu aplicación tendrá una ID de aplicación única. Utilizará esta ID en la página de configuración de Me gusta.

Cómo crear un trabajo cron

Si desea obtener Contenidos de Twitter, YouTube e Instagram automáticamente, puede configurar el trabajo cron en su panel de control de hosting. Debe vincular su directorio de Me gusta de la raíz y establecer el tiempo cada 30 minutos . 
Cada 30 minutos se ejecutará la tarea Cron y se buscarán nuevos contenidos.

  1. Lea el documento de su proveedor de alojamiento para el trabajo cron.
  2. Vaya al panel de control de su alojamiento y haga clic en la pestaña de trabajo cron.
  3. Establecer el directorio raíz y el tiempo. (cada 30 minutos)
  4. Guardar opciones

Ejemplo: */30 * * * * /usr/bin/php /home/username/likes/artisan schedule:run >> /dev/null 2>&1 
Este es solo un ejemplo, busque su directorio raíz y lea el documento de su servidor de alojamiento para la configuración del trabajo cron.

Hay dos partes principales:

  1. La primera parte es */30 * * * *. Aquí es donde programamos el temporizador.
  2. El resto de la línea es el comando que se ejecutaría desde la línea de comandos.

El comando en sí en este ejemplo tiene tres partes:

  1. /usr/bin/phpLos scripts PHP usualmente no son ejecutables por sí mismos. Por lo tanto, necesitamos ejecutarlo a través del analizador PHP.
  2. /home/username/likes/artisan Este es solo el camino al script.
  3. schedule:run >> /dev/null 2>&1 Esta parte está manejando la salida del script.

Importante: encuentre un archivo artesano dentro del directorio de me gusta y establezca el permiso de archivo en 744.

Cambiar imagenes

Si te gusta cambiar de favicon y social comparte imagenes. Puede reemplazar los archivos png dentro del publicdirectorio.

Favicon: favicon.pngtamaño:16x16

Compartir imagen social: images/social.pngtamaño:470x246


Marco Antonio
Marco Antonio
Marco Antonio es un Analista de Sistemas y apasionado por la programación y el diseño web, fundó AnthonCode para fusionar su experiencia técnica con la creatividad. Como redactor y desarrollador, se enfoca en crear soluciones digitales innovadoras y efectivas.

2 comentarios

  • saludos, al virtualizar todo bien me dejo hacer todo, incluso el proceso de instalación normal, pero al momento de presionar «click here to exit» para finalizar la instalación aparecen cerca de 200 errores siendo el inicial este (3/3) ErrorException
    Trying to get property ‘site_desc’ of non-object (View: C:\Users\comienza\Desktop\virtualhost\likes.com\resources\views\layouts\master.blade.php) (View: C:\Users\comienza\Desktop\virtualhost\likes.com\resources\views\layouts\master.blade.php). inente con el comando «php artisan key:generate». Ahora el software en la nube esta completo funcional, hay que comprartelo o fue unaa broma.

    1. Posiblemente sea la versión del php o que no seguiste los pasos de instalación, yo hago uso de xampp. Intenta nuevamente y coméntame cómo te fue.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

× ¿Cómo puedo ayudarte?