Это небольшая заметка на тему как запаковать vue.js приложение в Dockerfile и потом его запустить в контейнере в kubernetes’e.

Что делает

Я написал небольшую программку, которая генерирует номер свободного NodePort. Собственно ничего особо полезного она не делает, но можно не парится с поиском порта, ну и так для интереса посмотреть, как такое можно делать.

Начали

Весь проект состоит из друх частей — frontend и server. Фронтент спрашивает nodePort у сервера, а серверная часть через kubernetes api находит какой-нибудь свободный.
Собственно чтобы это всё работало в докере, надо вынести некоторые переменные из приложения, такие как адрес kubernetes api, порт, токен, итд.
Выглядит это так:

k8s-nodeport-gen/server/index.js: var k8sInfo = {   url: process.env.K8SURL,   port: process.env.K8SPORT,   timeout: process.env.K8STIMEOUT || '30',   respath: process.env.RESSPATH || '/api/v1/services',   token: process.env.K8STOKEN,   nodePortStart: process.env.K8SPORTSTART || '30000',   nodePortEnd: process.env.K8SPORTEND || '32000' } app.listen(process.env.PORT || 8081)

Cкажем, что всё протестировали и наше приложение работает.

Создаём докер образ

Те, кто работал с vue.js знает, что там куча всяких файлов, для чего они все нужны я не знаю, но видать нужны. Но благодаря тому, что есть такая вещь как vue-cli, всё можно довольно просто упаковать. Теперь всё пакуем:

npm run build

После этого у нас появится папка «dist» и файл «index.html» в «k8s-nodeport-gen/client». И для работы нам нужны только они. То есть по идее чтобы работал фронтенд надо какой-нибудь http сервер. Но в данном случае есть ещё и бэкенд, который тоже должен работать. По этому в моём случае как http сервер будет работать node.js express.
Файлы будут позде лежать в папке k8s-nodeport-gen/public. Для этого добавляем опцию в server/index.js

app.use(express.static(__dirname + '/public'))

Теперь когда разобрали с файлами можно создать Dockerfile. Нам из фронтенда надо только создать файлы для папки «dist». Для этого мы воспользуемся такой новомодной штукой, как multistage build.

FROM node:10-alpine AS base COPY client /portgen/client COPY server /portgen/server WORKDIR /portgen RUN cd client && npm i && npm run build  FROM node:10-alpine  WORKDIR /portgen COPY server/index.js /portgen/index.js COPY server/package.json /portgen/package.json COPY --from=base /portgen/client/dist ./public RUN npm i  CMD ["/usr/local/bin/node", "/portgen/index.js"]

То есть в первом контейнере запускаем «npm run build», а во втором контейнере копируем файлы из «dist» в «public». В конце у нас получается образ в 95мб.
Теперь у нас есть docker образ, который я уже залил на hub.docker.com.

Запуск

Теперь мы хотим запустить этот образ в kubernetes’e, к тому же нам нужен токен, который может через kubernetes api видеть какие порты уже используются.

Для этого надо надо создать сервесный аккаунт, роль(можно использовать уже существующую) и rolebinding (не знаю как правильно перевести).
У меня в кластере уже есть кластерная роль «view»

ceku@ceku1> kubectl describe clusterrole view Name:         view Labels:       kubernetes.io/bootstrapping=rbac-defaults Annotations:  rbac.authorization.kubernetes.io/autoupdate=true PolicyRule:   Resources                                Non-Resource URLs  Resource Names  Verbs   ---------                                -----------------  --------------  -----   bindings                                 []                 []              [get list watch]   configmaps                               []                 []              [get list watch]   endpoints                                []                 []              [get list watch]   events                                   []                 []              [get list watch]   limitranges                              []                 []              [get list watch]   namespaces                               []                 []              [get list watch]   namespaces/status                        []                 []              [get list watch]   persistentvolumeclaims                   []                 []              [get list watch]   pods                                     []                 []              [get list watch]   pods/log                                 []                 []              [get list watch]   pods/status                              []                 []              [get list watch]   replicationcontrollers                   []                 []              [get list watch]   replicationcontrollers/scale             []                 []              [get list watch]   replicationcontrollers/status            []                 []              [get list watch]   resourcequotas                           []                 []              [get list watch]   resourcequotas/status                    []                 []              [get list watch]   serviceaccounts                          []                 []              [get list watch]   services                                 []                 []              [get list watch]   daemonsets.apps                          []                 []              [get list watch]   deployments.apps                         []                 []              [get list watch]   deployments.apps/scale                   []                 []              [get list watch]   replicasets.apps                         []                 []              [get list watch]   replicasets.apps/scale                   []                 []              [get list watch]   statefulsets.apps                        []                 []              [get list watch]   horizontalpodautoscalers.autoscaling     []                 []              [get list watch]   cronjobs.batch                           []                 []              [get list watch]   jobs.batch                               []                 []              [get list watch]   daemonsets.extensions                    []                 []              [get list watch]   deployments.extensions                   []                 []              [get list watch]   deployments.extensions/scale             []                 []              [get list watch]   ingresses.extensions                     []                 []              [get list watch]   networkpolicies.extensions               []                 []              [get list watch]   replicasets.extensions                   []                 []              [get list watch]   replicasets.extensions/scale             []                 []              [get list watch]   replicationcontrollers.extensions/scale  []                 []              [get list watch]   networkpolicies.networking.k8s.io        []                 []              [get list watch]   poddisruptionbudgets.policy              []                 []              [get list watch]

Теперь создадим аккаунт и rolebinding
account_portng.yml:

apiVersion: v1 kind: ServiceAccount metadata:   name: portng-service-get   namespace: internal   labels:     k8s-app: portng-service-get     kubernetes.io/cluster-service: "true"

rolebindng_portng.yml:

kind: ClusterRoleBinding apiVersion: rbac.authorization.k8s.io/v1 metadata:   namespace: internal   name: view   labels:     k8s-app: portng-service-get     kubernetes.io/cluster-service: "true"     addonmanager.kubernetes.io/mode: Reconcile subjects: - kind: ServiceAccount   name: portng-service-get   namespace: kube-system   apiGroup: "" roleRef:   kind: ClusterRole   name: view   apiGroup: ""

Теперь у нас есть аккаунт, а у него есть токен. Его название написано в аккаунте:

ceku@ceku1 /a/r/aditointernprod.aditosoftware.local> kubectl get serviceaccount portng-service-get -n internal -o yaml apiVersion: v1 kind: ServiceAccount metadata:   creationTimestamp: 2018-08-02T07:31:54Z   labels:     k8s-app: portng-service-get     kubernetes.io/cluster-service: "true"   name: portng-service-get   namespace: internal   resourceVersion: "7270593"   selfLink: /api/v1/namespaces/internal/serviceaccounts/portng-service-get   uid: 2153dfa0-9626-11e8-aaa3-ac1f6b664c1c secrets: - name: portng-service-get-token-vr5bj

Теперь надо только написать deploy, service, ingress для страницы. Начнём:
deploy_portng.yml

apiVersion: apps/v1beta1 # for versions before 1.6.0 use extensions/v1beta1 kind: Deployment metadata:   namespace: internal   name: portng.server.local spec:   replicas: 1   template:     metadata:       labels:         app: portng.server.local     spec:       serviceAccountName: portng-service-get       containers:       - name: portgen         image: de1m/k8s-nodeport-gen         env:         - name: K8SURL           value: ceku.server.local         - name: K8SPORT           value: '6443'         - name: K8STIMEOUT           value: '30'         - name: RESSPATH           value: '/api/v1/services'         - name: K8SPORTSTART           value: '30000'         - name: K8SPORTEND           value: '32000'         - name: PORT           value: '8080'         args:         - /bin/sh         - -c         - export K8STOKEN=$(cat /var/run/secrets/kubernetes.io/serviceaccount/token) && node /portgen/index.js

Здесь надо обратить внимание на две вещи, это «serviceAccountName: portng-service-get» и токен для kubernetes’a, точнее говоря то, как я его добавил.

Теперь напишем сервис:
svc_portng.yml

apiVersion: v1 kind: Service metadata:   name: portng-server-local   namespace: internal spec:   ports:   - name: http     port: 8080     targetPort: 8080   selector:     app: portng.server.local

И ingress, для него у вас должен быть установлен ingress controller
ingress_portng.yaml:

apiVersion: extensions/v1beta1 kind: Ingress metadata:   name: portng.aditosoftware.local   namespace: internal   annotations:     kubernetes.io/ingress.class: "internal" spec:   rules:   - host: portng.server.local     http:       paths:       - path: /         backend:           serviceName: portng-server-local           servicePort: 8080

Всё, осталось только закинуть файлы на сервер и запустить.
Всё это можно запустить и как докер контейнер и даже без него, но часть с аккаунтами в kubernetes’e всё равно придётся проходить.

Ресурсы:

Docker образ на hub.docker.com
Git репозиторий на github.com

Как вы видете, ничего особого в данной статье нету, но для некоторых я думаю будет интересно.