33

CPU 使用率を動的に表示したい。新しい値を表示するためにページをリロードしたくありません。PythonでCPU使用率を取得する方法を知っています。現在、値を使用してテンプレートをレンダリングしています。Flask からの値でページを継続的に更新するにはどうすればよいですか?

@app.route('/show_cpu')
def show_cpu():
    cpu = getCpuLoad()
    return render_template('show_cpu.html', cpu=cpu)
4

1 に答える 1

33

Ajax リクエストの使用

Python

@app.route('/_stuff', methods= ['GET'])
def stuff():
    cpu=round(getCpuLoad())
    ram=round(getVmem())
    disk=round(getDisk())
    return jsonify(cpu=cpu, ram=ram, disk=disk)

Javascript 

function update_values() {
            $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
            $.getJSON($SCRIPT_ROOT+"/_stuff",
                function(data) {
                    $("#cpuload").text(data.cpu+" %")
                    $("#ram").text(data.ram+" %")
                    $("#disk").text(data.disk+" %")
                });
        }

Websocket の使用

project/app/views/request/websockets.py

# -*- coding: utf-8 -*-

# OS Imports
import json

# Local Imports
from app import sockets
from app.functions import get_cpu_load, get_disk_usage, get_vmem

@sockets.route('/_socket_system')
def socket_system(ws):
    """
    Returns the system informations, JSON Format
    CPU, RAM, and Disk Usage
    """
    while True:
        message = ws.receive()
        if message == "update":
            cpu = round(get_cpu_load())
            ram = round(get_vmem())
            disk = round(get_disk_usage())
            ws.send(json.dumps(dict(received=message, cpu=cpu, ram=ram, disk=disk)))
        else:
            ws.send(json.dumps(dict(received=message)))

project/app/__init__.py

# -*- coding: utf-8 -*-
from flask import Flask
from flask_sockets import Sockets


app = Flask(__name__)
sockets = Sockets(app)
app.config.from_object('config')
from app import views

Flask-Websockets を使用することで、私の生活はずっと楽になりました。ランチャーは次のとおりです。 launchwithsockets.sh

#!/bin/sh

gunicorn -k flask_sockets.worker app:app

最後に、クライアント コードは次
custom.js
のとおりです。コードが少し長すぎるので、ここに示します。
私は socket.io などを使用していないことに注意してください。そのため、コードが長くなります。また、このコードはサーバーへの再接続を定期的に試行し、ユーザーのアクションで再接続の試行を停止することもできます。Messenger lib を使用して、問題が発生したことをユーザーに通知します。もちろん、socket.io を使用するよりも少し複雑ですが、クライアント側のコーディングは本当に楽しかったです。

于 2014-08-29T08:05:14.697 に答える