Lets take the docker image we just created and wrap it with helm so that we have an easy way to deploy our application.<\/p>\n\n\n\n
We\u2019ve created helm charts before, so lets create a That should build out more than we need. We really only need a few files:<\/p>\n\n\n\n values.yaml<\/p>\n\n\n\n Again, you can see that we\u2019re hardcoding in our customer host, which isn\u2019t ideal, but it will get us moving forward. We\u2019ll eventually replace that with an ingress.<\/p>\n\n\n\n The only interesting part is how we\u2019re writing the configuration. We\u2019re following a similar pattern to the spring app where we write a configmap and then use the configmap to write out a configuration file into the pod.<\/p>\n\n\n\n Which reminds me that we need to update our front end application to support that.<\/p>\n\n\n\n Create which is a placeholder file that will eventually be overwritten. Again, this isn\u2019t how we\u2019re going to solve our long term problem, but it will allow us to deploy and test.<\/p>\n\n\n\n Deploy our front end with<\/p>\n\n\n\n Which should find our image we just build in the last section. We can hit our application at Lets add the automation to the pipeline to package the helm chart and publish to our chart registry. Add these steps to the pipeline:<\/p>\n\n\n\n Make sure to add the helm registry as and environment variable to your build so that the pipeline can publish the chart.<\/p>\n\n\n\nhelm <\/code>directory at the frontend root. Then run helm create in that directory<\/p>\n\n\n\nhelm create medium-customer-manager<\/code><\/pre>\n\n\n\ntemplates\/deployment.yaml<\/code><\/p>\n\n\n\napiVersion: apps\/v1\nkind: Deployment\nmetadata:\n name: \"{{ .Chart.Name }}-deployment\"\n labels:\n chart: '{{ .Chart.Name }}-{{ .Chart.Version | replace \"+\" \"_\" }}'\nspec:\n replicas: {{ .Values.replicaCount }}\n strategy:\n type: RollingUpdate\n rollingUpdate:\n maxUnavailable: 0\n maxSurge: 1\n selector:\n matchLabels:\n app: \"{{ .Chart.Name }}-selector\"\n version: \"current\"\n template:\n metadata:\n labels:\n app: \"{{ .Chart.Name }}-selector\"\n version: \"current\"\n spec:\n imagePullSecrets:\n - name: regcred\n containers:\n - name: \"{{ .Chart.Name }}\"\n image: \"{{ .Values.image.repository }}:{{ .Values.image.tag }}\"\n imagePullPolicy: {{ .Values.image.pullPolicy }}\n volumeMounts:\n - name: data\n mountPath: \/data\n {{- if and (eq .Values.config.type \"file\") (hasKey .Values.config \"content\") }}\n - name: config-file\n mountPath: \/usr\/share\/nginx\/html\/config.js\n subPath: config.js\n {{- end }}\n ports:\n - name: http\n containerPort: {{ .Values.containerPort }}\n protocol: TCP\n env:\n - name: PORT\n value : \"{{ .Values.service.servicePort }}\"\n volumes:\n - name: data\n emptyDir: {}\n {{- if and (eq .Values.config.type \"file\") (hasKey .Values.config \"content\") }}\n - name: config-file\n configMap:\n name: {{ .Chart.Name }}-config\n {{- end }}<\/code><\/pre>\n\n\n\ntemplate\/service.yaml<\/code><\/p>\n\n\n\napiVersion: v1\nkind: Service\nmetadata:\n annotations:\n prometheus.io\/scrape: 'true'\n name: \"{{ .Chart.Name }}-service\"\n labels:\n chart: \"{{ .Chart.Name }}-{{ .Chart.Version | replace \"+\" \"_\" }}\"\nspec:\n type: {{ .Values.service.type }}\n ports:\n - name: http\n port: {{ .Values.service.httpPort }}\n targetPort: http\n {{- if hasKey .Values.service \"nodePort\" }}\n nodePort: {{ .Values.service.nodePort }}\n {{- end }}\n selector:\n app: \"{{ .Chart.Name }}-selector\"<\/code><\/pre>\n\n\n\ntemplate\/customer-manager-configmap.yaml<\/code><\/p>\n\n\n\n{{- if and ( eq .Values.config.type \"file\") (hasKey .Values.config \"content\") }}\napiVersion: v1\nkind: ConfigMap\nmetadata:\n name: {{ .Chart.Name }}-config\n namespace: {{ .Release.Namespace | quote }}\ndata:\n config.js:\n {{ toYaml .Values.config.content | indent 4 }}\n{{- end }}<\/code><\/pre>\n\n\n\nChart.yaml<\/code><\/p>\n\n\n\napiVersion: v2\nname: medium-customer-manager\ndescription: A Helm chart for Kubernetes\ntype: application\nversion: 1.0.0<\/code><\/pre>\n\n\n\n# This is a YAML-formatted file.\n# Declare variables to be passed into your templates.\n<\/em>replicaCount: 1\nimage:\n repository: r.cfcr.io\/docketdynamics\/medium-customer-manager\n tag: \"5556008\"\n pullPolicy: IfNotPresent\ncontainerPort: 80\nservice:\n enabled: true\n httpPort: 80\n nodePort: 30002\n type: NodePort\n\nconfig:\n## Currently only supports file\n<\/em>type: file\n## Contents of config in YAML\n<\/em>content: |-\n window.REACT_APP_CUSTOMER_HOST='http:\/\/172.18.51.90\/:30001'<\/code><\/pre>\n\n\n\npublic\/config.js<\/code><\/p>\n\n\n\nwindow.REACT_APP_CUSTOMER_HOST='HTTP:\/\/localhost:10000'<\/code><\/pre>\n\n\n\nDeploy and Test<\/h3>\n\n\n\n
helm install cust-mgr helm\/medium-customer-manager<\/code><\/pre>\n\n\n\nhttp:\/\/<minikube ip>:30002\/<\/code><\/p>\n\n\n\nHelm Chart Packaging and Publishing<\/h3>\n\n\n\n
stages:\n...\n- \"helmpublish\"<\/code><\/pre>\n\n\n\n...<\/code><\/pre>\n\n\n\n HelmChartGetVersion:\n title: Get Helm Chart Version\n stage: helmpublish\n image: codefresh\/cfstep-helm\n working_directory: '\/codefresh\/volume\/medium-customer-manager'\n environment:\n - CHART_PATH=helm\/medium-customer-manager\n - CHART_NAME=medium-customer-manager\n commands:\n - export ACTION=auth\n - source \/opt\/bin\/release_chart\n - helm repo add default ${{CF_CTX_CF_HELM_DEFAULT_URL}}\n - yq .version ${CHART_PATH}\/Chart.yaml\n - export CURRENT_CHART_VERSION=`helm search default\/${CHART_NAME} | awk 'FNR==2{print $2}' || yq .version ${CHART_PATH}\/Chart.yaml`\n - echo $CURRENT_CHART_VERSION\n - cf_export NEW_CHART_VERSION=`echo \"${CURRENT_CHART_VERSION}\" | awk -F. '{$NF = $NF + 1;} 1' | sed 's\/ \/.\/g'`\n - echo $NEW_CHART_VERSION\n HelmChartUpdate:\n title: Update Helm Chart Version\n stage: helmpublish\n image: gksoftware\/yq\n working_directory: '\/codefresh\/volume\/medium-customer-manager'\n environment:\n - CHART_PATH=helm\/medium-customer-manager\n - YAML_PATH=image.tag\n commands: \n - echo $NEW_CHART_VERSION\n - yq w -i ${CHART_PATH}\/Chart.yaml version ${NEW_CHART_VERSION}\n - echo $CF_SHORT_REVISION\n - yq w -i ${CHART_PATH}\/values.yaml ${YAML_PATH} '\"${{CF_SHORT_REVISION}}\"'\n HelmChartPush:\n title: Push Helm Chart to Chart Repository\n stage: helmpublish\n image: codefresh\/cfstep-helm\n working_directory: '\/codefresh\/volume\/medium-customer-manager'\n environment:\n - CHART_REF=helm\/medium-customer-manager\/\n - ACTION=push<\/code><\/pre>\n\n\n\nCommit<\/h3>\n\n\n\n
git checkout -b helm\ngit add .\ngit commit -m \"helm chart\"\ngit push\ngit checkout master\ngit merge helm\ngit push<\/pre>\n","protected":false},"excerpt":{"rendered":"