k8s安装nginx部署前端页面_小公司容器化实践 - 如何容器化Angular前端(三)

作者：justmine(大数据达摩院)

出处：https://www.cnblogs.com/justmine

创作不易，欢迎转载，但必须在文章开头保留此段声明，否则保留追究法律责任的权利

写在前面

随着微服务架构的流行，日志也需要由专门的分布式日志组件来完成这个工作，我们项目使用的是 ExceptionLess 这个组件，它是前后端分离的；这篇文章我们就来实践容器化 ExceptionLess 的前端，并为其包含一个 nginx 的宿主，形成一个能够独立运行的、自包含的环境，这样当我们使用k8s集群的时候，就可以使用这个开箱即用的镜像，任意伸缩，滚动更新，按需扩容等等。

ExceptionLess UI 是使用Angular开发的一个纯前端 Web UI，首先我们需要安装环境(git、npm、bower、grunt etc.)，请参考详细步骤。安装完成后，使用 grunt 发布项目，这样一个纯静态的前端网站就生成了；然后将刚刚生成的所有静态文件以tar.gz格式压缩成归档文件，如 exceptionless.ui.gkb.tar.gz。

备注：万变不离其宗，前端的容器化其实就是使用web服务器来托管静态资源文件，理解了本篇，相信其他类型的前端，比如：vue，也不在话下。

构造镜像

原理