14 diciembre, 2019

Ejemplo Angular 4 con servidor PHP

En este artículo voy a compartir con vosotros un ejemplo de una web con el frontend y el backend claramente separados en dos proyectos distintos. El frontend está hecho con Angular 4 (web oficial), mientras que el backend está desarrollado con PHP, usando el framework Slim (web oficial), muy ligero y útil para hacer pequeñas APIs.

Productos Angular
Productos Angular

Este ejemplo lo he desarrollado durante el curso Curso de Angular 4 – Desde cero hasta profesional, y consiste en una web de productos, que se pueden añadir, eliminar y editar y a los que se les puede asignar un a foto.

El código lo tengo compartido en mi cuenta de GitHub:

https://github.com/diegorys/productos-angular4-php-slim

4 comentario en “Ejemplo Angular 4 con servidor PHP

    1. El error esta que falta colocar el archivo .angular-cli.json
      Tiene los siguiente:

      {
      «$schema»: «./node_modules/@angular/cli/lib/config/schema.json»,
      «project»: {
      «name»: «users-cli»
      },
      «apps»: [
      {
      «root»: «src»,
      «outDir»: «dist»,
      «assets»: [
      «assets»,
      «favicon.ico»
      ],
      «index»: «index.html»,
      «main»: «main.ts»,
      «polyfills»: «polyfills.ts»,
      «test»: «test.ts»,
      «tsconfig»: «tsconfig.app.json»,
      «testTsconfig»: «tsconfig.spec.json»,
      «prefix»: «app»,
      «styles»: [
      «styles.css»
      ],
      «scripts»: [],
      «environmentSource»: «environments/environment.ts»,
      «environments»: {
      «dev»: «environments/environment.ts»,
      «prod»: «environments/environment.prod.ts»
      }
      }
      ],
      «e2e»: {
      «protractor»: {
      «config»: «./protractor.conf.js»
      }
      },
      «lint»: [
      {
      «project»: «src/tsconfig.app.json»
      },
      {
      «project»: «src/tsconfig.spec.json»
      },
      {
      «project»: «e2e/tsconfig.e2e.json»
      }
      ],
      «test»: {
      «karma»: {
      «config»: «./karma.conf.js»
      }
      },
      «defaults»: {
      «styleExt»: «css»,
      «component»: {}
      }
      }

Deja un comentario

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies