sanic_vue
1.0.0
フロントエンド Vue、バックエンド フラスコ
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 worker -A curd.celery -l info -f celery.log
启动celery worker 更改celery配置需要重启celery
メッセージキューはrabbitmqまたはredis（ブローカーミドルウェア）に保存されます。
タスクステータスの結果はredis(バックエンド)に存在し、フロントエンドはこのステータスを基に対応するタスクステータスを更新します。
フロントエンド (Vue) を開始します。
需要安装node 和yarn
cd frontend
yarn run serve
バックエンド (フラスコ) を開始する
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 关闭
モニターフラワー
pip install flower
启动flower
celery flower --address=127.0.0.1 --port=5555
可通过浏览器查看
http://127.0.0.1:5555
スーパーバイザドを使用する
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 を使用してフラスコをデプロイする
touch gunicorn.sh
nohup gunicorn -w 1 -b 0.0.0.0:8888 run:app > gunicorn.log 2>&1 &
