En un post anterior comente que tenía la intención de mostrarles cómo clonar una página como comparabien.com.pe con Angular y NetCore. En dicho post encontrarán los detalles del software que necesitan instalar para poder correr la demo en su máquina.
Aquí tiene otros posts interesantes que recomiendo revisar:
- Instalando Sql Server vía Docker
- Instalando Net y Rider
- Instalando NodeJS, en donde veremos cómo tener todo listo para trabajar con Angular.
Código Fuente
El código fuente de este artículo lo encontrarán en https://github.com/joedayz/concentrador
Estructura de Proyectos
FrontEnd Angular
La creación de cada proyecto es simple, para el FrontEnd Angular se ha utilizado Angular CLI y para el BackEnd, la plantilla que tiene Rider para Web API.
ng new ConcentradorWebcd ConcentradorWebng serve
NOTA: Si tuvieras algún problema de versionamiento, o necesidad de upgrade, lee bien las instrucciones porque a veces ahí se necesita aplicar un --force.
El resultado es mostrado a continuación. WebStorm detecta que es un proyecto angular y te muestra que ya esta listo para ejecutar.
Con este simple paso ya estamos listos para trabajar. El resultado se ve de esta forma.
BackEnd NetCore
Ahora es el momento de crear nuestro proyecto Web API.
1. Abrimos el Rider y hacemos clic en New Solution:
2. Escogemos la plantilla Web API en la carpeta que deseemos y listo.
3. La estructura inicial es la siguiente y ya esta lista para ejecutar:
Probemos la aplicación:
El resultado es el siguiente:
Enjoy!
Joe
0 comentarios:
Publicar un comentario