sanic_vue

壓測平台(locust為核心) V1.0

前端Vue， 後端flask

最好在chrome下打開，safari 有些樣式初次載入有問題

技術堆疊：Vue + Vuex + ElementUI + flask + peewee + HTTPBasicAuth + celery + fabric (前後端分離MVVM模式)

目前前端處理跨域問題, 後期可優化成後端處理

pymonitor.py 可以監控python腳本的即時變化, 簡單模擬一個服務端熱更新功能

實現的模組：

 1. 登录注册(带token，过期验证) 使用的peewee(orm)
2. CRUD服务器资源列表、测试任务列表
3. 展示测试报告(locust)
4. 上传文件到远程服务器, fabric远程操作linux命令,

使用celery實現分散式非同步任務處理

 celery worker -A curd.celery -l info  -f celery.log 

启动celery worker 更改celery配置需要重启celery

訊息佇列存放在rabbitmq或redis(broker中間件)

任務狀態的結果存在redis(backend), 前端根據這個狀態更新對應的任務狀態

啟動前端(Vue)：

需要安装node 和yarn 
cd frontend
yarn run serve 

啟動後端(flask)

 nohup python3  run.py >/dev/null 2>&1 &

啟動redis(不啟動報告介面無法取得資料)

 nohup redis-server > web6.log 2>&1 < /dev/null&

安裝rabbitmq:(可以不使用, 用redis代替)

 brew install rabbitmq
 cd  /usr/local/Cellar/rabbitmq/3.8.2 （安装目录）

安裝RabiitMQ的可視化監控插件

 sudo sbin/rabbitmq-plugins enable rabbitmq_management

配置rabbitmq環境變數

 vi ~/.bash_profile
export RABBIT_HOME= /usr/local/Cellar/rabbitmq/3.8.2
export PATH=$PATH:$RABBIT_HOME/sbin
source ~/.bash_profile

後台啟動rabbitMQ

后台启动
rabbitmq-server -detached  
查看状态
rabbitmqctl status 
访问可视化监控插件的界面
浏览器内输入 http://localhost:15672,
默认的用户名密码都是guest,登录后可以在Admin那一列菜单内添加自己的用户
rabbitmqctl stop 关闭

監控flower

 pip install flower
启动flower
celery flower --address=127.0.0.1 --port=5555
可通过浏览器查看
http://127.0.0.1:5555

Linux下的配置：

使用supervisord

 pip install supervisor
在根目录下添加配置:
echo_supervisord_conf> supervisord.conf 
[program:celeryd]
command=celery worker -A curd.celery -l info  -f celery.log   --concurrency=15
;stdout_logfile=/var/log/celery/celeryd.log
;stderr_logfile=/var/log/celery/celeryd.log
autostart=true
autorestart=true
startsecs=10

启动
supervisord
重启
supervisorctl reload

在linux上部署flask生產環境

 pip install gunicorn
 vim gunicorn.sh
 nohup gunicorn -w 4 -b 0.0.0.0:8888 run:app > gunicorn.log 2>&1 & 
 sh gunicorn.sh 
 -w 4是指预定义的工作进程数为4，
 -b 127.0.0.1:4000指绑定地址和端口

部署Vue(nginx)

 在linux上打包得到dist
 /usr/local/nginx/conf
 在nginx.conf 第一行修改 user root;(解决403问题)
 sudo ./nginx -s stop(reload)停止nginx(重新加载conf)
 ps axu | grep nginx
 nginx -t 查看具体使用那个conf  -c + 路径(具体哪个conf)

Linux下mysql中文亂碼:

 locate my.cnf
 ps aux|grep mysql|grep 'my.cnf'(查看是否使用了指定目录的my.cnf)
 mysql --help|grep 'my.cnf'(查看mysql默认读取my.cnf的目录, 顺序排前的优先。)
 [mysqld]
 character-set-server=utf8
 [client]
 default-character-set=utf8
 [mysql]
 default-character-set=utf8
 show full columns from machine; 查询表的字符编码
 sudo  service mysqld restart  (重启mysql)
 show variables like 'character%';    查看数据库的编码格式
 
 show create database test; 查看数据库字符编码
 alter database test default character set utf8 collate utf8_general_ci;
 更改数据库字符编码
 
 alter table `表名` convert to character set utf8;
   一次性修改表中所有字段的字符集语句

在linux上用gunicorn部署flask

 touch  gunicorn.sh
 nohup gunicorn -w 1 -b 0.0.0.0:8888 run:app > gunicorn.log 2>&1 &