Code Story Front Ready PoC del Front

Pabloin / NinjaHack2021_CodeStory4-Apps

Ninja Hack Code Story Apps (Front, Back)

Apache License 2.0

0 stars 0 forks source link

Code Story Front Ready PoC del Front #1

Closed Pabloin closed 3 years ago

Pabloin commented 3 years ago

Code Story Front Ready PoC del Front

[x] Front en Angular
[x] Despliegue en Docker
[x] Subir la Imagen a la Docker Registry de IBM
[x] Despliegue en Kubernetes en Google Cloud

Stack

Basado en ngx-admin: Open Source Template para Angular con Licencia MIT
Node 14.17
Angular 10

Pabloin commented 3 years ago

El Front Anduvo Ok

Pabloin commented 3 years ago

Despliegue desde Docker


pablo.inchausti @ My Ubuntu ~/Escritorio/_NinjaIBM_Hack/code/NinjaHack2021_CodeStory4-Apps (master)
└─ $ ▶ docker build -t pabloin/codestory-app:3.0 .
Sending build context to Docker daemon  12.16MB
Step 1/12 : FROM node:14.17.0 as build
 ---> 9153ee3e2ced
Step 2/12 : WORKDIR /app

Imagen Creada a Partir del Dockerfile

pablo.inchausti @ My Ubuntu ~/Escritorio/_NinjaIBM_Hack/code/NinjaHack2021_CodeStory4-Apps (master)
└─ $ ▶ docker image ls
REPOSITORY                                                                                    TAG                  IMAGE ID       CREATED              SIZE
pabloin/codestory-app                                                                         3.0                  0be3d8c863ba   About a minute ago   99.9MB

Docker RUN

pablo.inchausti @ My Ubuntu ~/Escritorio/_NinjaIBM_Hack/code/NinjaHack2021_CodeStory4-Apps (master)
└─ $ ▶ docker run -d  --rm -p 9999:80 pabloin/codestory-app:3.0 
1a4e7f91db92918212e155eeeb2abd5f39b5990b115fda0144eb1b99b6bb3354

Pabloin commented 3 years ago

Subir la Imagen a IBM

...

Imagen Subida Ok:

Y en IBM Cloud Registry

Pabloin commented 3 years ago

Despliegue en Kubernetes

apiVersion: apps/v1
kind: Deployment
metadata:
  name: dd-demo
  namespace: default
spec:
  replicas: 1
  selector:
    matchLabels:
      dd: web
  template:
    metadata:
      labels:
        dd: web
    spec:
      containers:
      - name: dd-site
        image: us.icr.io/pabloin/codestory-app:2.0
---
apiVersion: v1
kind: Service
metadata:
  name: dd-entrypoint
  namespace: default
spec:
  type: NodePort
  selector:
    dd: web
  ports:
  - port: 4500
    targetPort: 80
    nodePort: 30003

Para Conectar Al Cluster

ibmcloud ks workers -c c2pts34........etc......

Para Desplegar

kubectl apply -f codestory-cloud-service-3.0.yml

Cluster de Kubernetes en la Cuenta de Code Sotry 4:

Servicios

Para Conocer la IP Pública del Cluster


ibmcloud ks cluster ls
ibmcloud ks workers -c c2pts34d.....

Desde el Servicio en el Cluster de Kubernetes

La IP Publica del Cluster es: 169.57.99.129

Pabloin commented 3 years ago

Con el Despliege del servicio listo, las próximas tareas (e historias) son:

[x] #2 Integrar el IBM Toolchain para automatizar el CI/CD del despliegue automático
[x] Evolucionar el Front Para Reflejar al MVP
[ ] Conectar el Front con los servicios de Backend Para consumir los datos de Analítica
[x] Integrar en el Front al Chatbot desplegado con los Servicios con los servicios de Watson

TODO:

[ ] Integrar también, si se puede, el Text 2 Speech y Speech 2 Text a la UI

Todo en sus respectivas tarjetas

Por lo pronto, A esta tarjeta, la #1 con este objetvo alcanzado de despliegue en Kubernetes del Front se da por cerrada.