Building Web in a Container World

Containerised apps are becoming the new normal, yet it's not always apparent to how to put these applications live in a DevOps style. In this talk I will look at how I use Wercker to deploy a web app I have built.

Transcript

1. Martin Beeby - @thebeebs IN A CONTAINER WORLD BUILDING WEB
2. Martin Beeby @thebeebs E commerce Systems Microsoft 8 Years Joined Oracle 2 months ago MARTIN BEEBY @thebeebs Web Developer Developer since I was 16
3. Martin Beeby @thebeebs Tim Berners-Lee's At CERN Web Invented 0 DAYS DECEMBER 20, 1990
4. Martin Beeby @thebeebs 9898 DAYS 25 JAN 2018
5. Martin Beeby @thebeebs 10,000 DAYS 7 MAY 2018
6. Martin Beeby @thebeebs CAR DAY 10,000
7. Martin Beeby @thebeebs TV DAY 10,000
8. Martin Beeby @thebeebs ME DAY 10,000
9. Martin Beeby @thebeebs DOCKER IS DAY 1779
10. Martin Beeby @thebeebs KUBERNETES IS DAY 1328
11. Martin Beeby @thebeebs AN APP WERCKER KUBERNETES
12. Martin Beeby @thebeebs HOW HAPPY?
13. Martin Beeby @thebeebs SIMPLE APP AI Emotion Service Microservice API x 2 Container – Node.JS Port 3000 Endpoint Service IP Load Balancer Port 80 Front End Container – Oracle Jet x 3 Port 80 Endpoint Service IP Load Balancer Port 80 Redis Master Redis Slave x 2
14. Martin Beeby @thebeebs apiVersion: v1 kind: Service metadata: name: frontend labels: app: audienceanalyser tier: frontend spec: type: LoadBalancer ports: - port: 80 selector: app: audienceanalyser tier: frontend --- KUBERNETES YML - SERVICE
15. Martin Beeby @thebeebs FRONT END Endpoint Service IP Load Balancer Port 80
16. Martin Beeby @thebeebs --- apiVersion: extensions/v1beta1 kind: Deployment metadata: name: frontend spec: replicas: 3 template: metadata: labels: app: audienceanalyser tier: frontend spec: containers: - name: beebs image: thebeebs/howareyou:THIS_STRING_IS_REPLACED_DURING_BUILD imagePullPolicy: Always resources: requests: cpu: 100m memory: 100Mi env: - name: GET_HOSTS_FROM value: dns ports: - containerPort: 80 KUBERNETES YML
17. Martin Beeby @thebeebs FRONT END Front End Container – Oracle Jet x 3 Port 80 Endpoint Service IP Load Balancer Port 80
18. Martin Beeby @thebeebs SIMPLE APP AI Emotion Service Microservice API x 2 Container – Node.JS Port 3000 Endpoint Service IP Load Balancer Port 80 Front End Container – Oracle Jet x 3 Port 80 Endpoint Service IP Load Balancer Port 80 Redis Master Redis Slave x 2
19. Martin Beeby @thebeebs Simple Integration and deployment Free for basic use WHY WERCKER
20. Martin Beeby @thebeebs FRONT END Front End Container – Oracle Jet x 3 Port 80
21. Martin Beeby @thebeebs http://github.com/thebeebs/howareyou ORACLE JET APP
22. Martin Beeby @thebeebs http://www.oracle.com/technetwork/developer-tools/jet/ SINGLE PAGE APP FRAMEWORK
23. Martin Beeby @thebeebs ADD APPLICATION
24. Martin Beeby @thebeebs Applications have workflows Workflows connect pipelines Pipelines contain steps CONNECTING PIPES
25. Martin Beeby @thebeebs box: node WERCKER YAML
26. Martin Beeby @thebeebs build: steps: - npm-install - npm-test - script: name: oracle jet build code: | npm install -g @oracle/ojet-cli ojet build - script: name: copy code to output code: cp -r web "$WERCKER_OUTPUT_DIR" - script: name: copy yml file to output code: cp service.yml "$WERCKER_OUTPUT_DIR" BUILD - PIPELINE
27. Martin Beeby @thebeebs steps: - npm-install - npm-test - script: name: oracle jet build code: | npm install -g @oracle/ojet-cli ojet build - script: name: copy code to output code: cp -r web "$WERCKER_OUTPUT_DIR" STEPS
28. Martin Beeby @thebeebs push-release: # Override the node:4-slim box box: id: nginx:alpine cmd: /bin/sh steps: - script: name: list whats on disk code: | echo "Listings files on disk" ls cd web echo "Checing whats in index" cat index.html - script: name: mv static files code: | echo "CAT Index file" cat $WERCKER_SOURCE_DIR/web/index.html ls $WERCKER_SOURCE_DIR/web/ rm -rf /usr/share/nginx/html/* mv web/* /usr/share/nginx/html PUSH-RELEASE - PIPELINE - script: name: list file code: | echo "ls files:" ls - internal/docker-push: disable-sync: true repository: thebeebs/howareyou username: $DOCKER_USERNAME password: $DOCKER_PASSWORD registry: https://registry.hub.docker.com/v2 tag: $WERCKER_GIT_COMMIT cmd: nginx -g 'daemon off;'
29. Martin Beeby @thebeebs - internal/docker-push: disable-sync: true repository: thebeebs/howareyou username: $DOCKER_USERNAME password: $DOCKER_PASSWORD registry: https://registry.hub.docker.com/v2 tag: $WERCKER_GIT_COMMIT cmd: nginx -g 'daemon off;' VARIABLES
30. Martin Beeby @thebeebs https://app.wercker.com DECLARED IN THE APP
31. Martin Beeby @thebeebs deploy: steps: - script: name: list file code: | echo "ls files:" ls - script: name: update image build code: sed -ie "s/THIS_STRING_IS_REPLACED_DURING_BUILD/$WERCKER_GIT_COMMIT/g" service.yml - script: name: show file code: cat service.yml - kubectl: server: $KUBERNETES_MASTER username: $KUBERNETES_USERNAME password: $KUBERNETES_PASSWORD insecure-skip-tls-verify: true command: apply -f service.yml DEPLOY - PIPELINE
32. Martin Beeby @thebeebs --- apiVersion: extensions/v1beta1 kind: Deployment metadata: name: frontend spec: replicas: 3 template: metadata: labels: app: audienceanalyser tier: frontend spec: containers: - name: beebs image: thebeebs/howareyou:THIS_STRING_IS_REPLACED_DURING_BUILD imagePullPolicy: Always resources: requests: cpu: 100m memory: 100Mi env: - name: GET_HOSTS_FROM value: dns ports: - containerPort: 80 KUBERNETES YML
33. Martin Beeby @thebeebs ADD PIPELINE
34. Martin Beeby @thebeebs WORKFLOWS
35. Martin Beeby @thebeebs CHECK IN TO DEPLOY
36. Martin Beeby @thebeebs Private Registry Integrated so no passwords Highly Available RELEASES TECHNICAL PREVIEW
37. Martin Beeby @thebeebs Kubernetes Bare Metal / VM / Hybrid Highly Available CLUSTERS TECHNICAL PREVIEW
38. Martin Beeby @thebeebs Add more AI and host TensorFlow serving in my cluster Add https to the front end containers Look into Ways to hot swap between klusters WHAT’S NEXT FOR MY APP Add webcam support
39. Martin Beeby @thebeebs HTTP://THEBEEBS.UK/WERCKER
40. Martin Beeby @thebeebs THEBEEBS.UK/TRIAL
41. Martin Beeby @thebeebs CONTACT MARTIN BEEBY @thebeebs https://www.thebeebs.co.uk martin.beeby@oracle.com