05-09-2015

Implementando APIs diferentes para cada compañía que nos servía juegos HTML5

Código de integración para GamePix

La tecnología HTML5 estaba en auge. Muchas pymes o 'startup' intentaron crear su propio imperio creando un montón de juegos html5 para convertirse en proveedores. Mi empresa me pidió implementar cada una de sus APIs en un panel de control común para manejar el contenido más fácilmente. Cada API era diferente, algunas usaban PHP, otras Javascript, otras simplemente nos daban un Iframe.

Lista de proveedores integrados:

Pidiendo datos a sus API

Implementar un modelo para tratar con cada API era el primer paso. Pedir los datos, prepararlos en una estructura de datos común o haciendo lo que hiciera falta para hacerlos funcionar.

Creando páginas internas para tener esos juegos jugables

Para tener los juegos de cada compañía jugables en URL's internas tuve que implementar controladores modelos y vistas especiales para tener esos juegos accesibles ahí. Por ejemplo, esta es una URL de un juego de GamePix.

http://www.macrojuegos.com/gamepix/40353/

Creando un panel de control común para los content managers

Nuestros content managers tenían su propio panel para añadir contenidos a los sitios web de la empresa. Hice esta vista para que ellos pudieran ver los juegos de estos proveedores y pudieran acceder a sus paneles de control para registrar el juego haciendo clic en un solo un botón.

Juegos del proveedor Famobi, lista de ejemplo

Juegos Famobi

Juegos del proveedor GamePix, lista de ejemplo

Juegos GamePix

Este era un panel de control antiguo para registrar juegos. Envié aquí a los content managers con un simple clic, así podían registrar los juegos de móvil.

Panel antiguo en proceso de registro de un juego de GamePix

Panel antiguo

Aviso legal: Este proyecto es confidencial. Por lo tanto, no puedo proporcionar acceso al código fuente completo, pero puedo compartir imágenes o pequeños fragmentos de código con fines de demostración, con el permiso del propietario. Sin embargo, si es necesario para una entrevista, podría ser posible otorgar acceso al repositorio privado donde se encuentra alojado este código o una copia del mismo.
  • php
  • html
  • css
  • api-integration
  • web-development
  • private-project
  • company:panaworld

Vías de Contacto

¿Quieres comentarme algo? Soy de Barcelona. A continuación, te dejo varias opciones para contactar conmigo.

Estado: Estoy trabajando 100% Remoto como Full Stack Developer, pero estoy abierto a oportunidades que me ayuden a hacer crecer mi carrera.

contacto@danieldev.es

Esta PWA ha sido desarrollada por Daniel Domínguez Rubio usando tecnologías como: React, Gatsbyjs, GraphQL, Nodejs, AWS S3 y Cloudfront.

v1.11.0