python + vue project

应用技术栈

vuejs2 django python gitlab-ci gitlab-runner nginx-proxy supervisor gunicorn nodejs apache rsync mysql redis vuex vue-router axios element-ui ansible-playbook ansible fabric

this project use python api process the data, with the separation of web page file;

run it

should run respectively python and web page; ** install ** install python depend， run it install Vuejs depend， run it

• 2018-06-05
• vue bus增加emit on 监听事件；
• login中增加user_group 信息，存储入前端localStorage,通过父组件emit传递组信息，子组件on接收 验证用户permission；
• 前端所有模块增加 permission的状态管理；
• 后端deploy模块增加新的部署日志；

---

hasan

deploy desciption(hasan发布模块实现)

原理

通过监听 可控分支，实现自动构建 并部署到测试环境。（gitlab.yml）,并将构建包同步到 HTTP发布服务器 生产环境通过 HTTP发布服务器 自行编写发布流程（Python、ansible palybook.yml、Vue前端 自动部署涉及了若干个角色，主要介绍如下：

GitLab-CI

GitLab自带的持续集成系统，你装的GitLab的那台服务器上就有，无需自行安装。GitLab-CI负责解析.gitlab-ci.yml

.gitlab-ci.yml

GitLab-CI使用YAML文件来管理项目配置，在git项目的根目录下创建此文件，文件中包含一系列的阶段和执行规则。GitLab-CI在push后解析它，根据里面的内容调用runner来执行。YAML配置语法

GitLab-Runner

这个是脚本执行的承载者， .gitlab-ci.yml的script部分就是由runner来负责的。GitLab-CI解析项目里的.gitlab-ci.yml文件之后，根据里面的规则，分配到各个Runner来运行相应的脚本script

搭建步骤：

基础服务环境

• • 服务器之间需要 开启免密传输（基础环境）
• • 要一套 Vue代码
• • 一个gitlab 服务器1
• • 需要在Vue代码中 加入 gitlab.yml 文件，和shell script 脚本，用来完成ci,实现监听分支 发布到测试的流程。
• • 一个 nodejs runner 服务器1
• • 一个存放 打包后文件的 服务器(构建好的包通过 rsync同步到 nginx 或Apache做发布目录中)1
• • 不少于两天的发布客户端服务器2（每个环境）
• • ansible 接口支持，hasan 上已有playbook接口 调用基于playbook.yml 封装使用。

• 1）升级gitlab，支持gitlabci(已实现)；

• 2）安装gitlab-runner ，执行器是gitlab-ci.yml实际执行者，需安装gitlab-ci.yml定义的相关构建环境，并想gitlab服务器注册；（以实现）

• 3）编写gitlab-ci.yml 及相关shell脚本，gitlab-ci.yml 是监听 触发工作的核心。在gitlab-ci.yml可定义 不通的job, 如 build、deploy_test等；将所需的手动触发的操作，编写为相应的job。（以实现

• 4）Python hasan 生产环境发布 构建好的项目包（已实现部分 还需权限矩阵模块 应用及其他季节API，版本升级）

• 5. 操作日志以存入MySQL数据库，可提供后续统计分析及故障分析

hasan（哈桑）——deploy 前端页面