一、概述

WebSocket

WebSocket的工作流程：浏览器通过JavaScript向服务端发出建立WebSocket连接的请求，在WebSocket连接建立成功后，客户端和服务端就可以通过 TCP连接传输数据。因为WebSocket连接本质上是TCP连接，不需要每次传输都带上重复的头部数据，所以它的数据传输量比轮询和Comet技术小很多。

paramiko

paramiko模块，基于SSH用于连接远程服务器并执行相关操作。

shell脚本

/opt/test.sh

#!/bin/bash

for i in {..}

do

    sleep 0.5

    echo 母鸡生了$i个鸡蛋;

done

网页执行脚本，效果如下：

怎么样，是不是很nb！下面会详细介绍如何具体实现！

二、详细操作

django版本

最新版本 2.1.5有问题，使用websocket，谷歌浏览器会报错

WebSocket connection to 'ws://127.0.01:8000/echo_once/' failed: Error during WebSocket handshake: Unexpected response code:

所以不能使用最新版本，必须使用 2.1.4以及2.x系列都可以！

安装模块

pip3 install paramiko dwebsocket django==2.1.

创建项目

使用Pycharm创建一个项目 wdpy ，这个是测试的，名字无所谓！

添加路由，修改文件 urls.py

from django.contrib import admin

from django.urls import path

from websocket import views

urlpatterns = [

    path('admin/', admin.site.urls),

    path('echo_once/', views.echo_once),

]

修改views.py，增加视图函数

from django.shortcuts import render

from dwebsocket.decorators import accept_websocket, require_websocket

from django.http import HttpResponse

import paramiko

# def exec_command(comm):

#     hostname = '192.168.0.162'

#     username = 'root'

#     password = 'root'

#

#     ssh = paramiko.SSHClient()

#     ssh.set_missing_host_key_policy(paramiko.AutoAddPolicy())

#     ssh.connect(hostname=hostname, username=username, password=password)

#     stdin, stdout, stderr = ssh.exec_command(comm,get_pty=True)

#     result = stdout.read()

#     ssh.close()

#     yield result

@accept_websocket

def echo_once(request):

    if not request.is_websocket():  # 判断是不是websocket连接

        try:  # 如果是普通的http方法

            message = request.GET['message']

            return HttpResponse(message)

        except:

            return render(request, 'index.html')

    else:

        for message in request.websocket:

            message = message.decode('utf-8')  # 接收前端发来的数据

            print(message)

            if message == 'backup_all':#这里根据web页面获取的值进行对应的操作

                command = 'bash /opt/test.sh'#这里是要执行的命令或者脚本

                # 远程连接服务器

                hostname = '192.168.0.162'

                username = 'root'

                password = 'root'

                ssh = paramiko.SSHClient()

                ssh.set_missing_host_key_policy(paramiko.AutoAddPolicy())

                ssh.connect(hostname=hostname, username=username, password=password)

                # 务必要加上get_pty=True,否则执行命令会没有权限

                stdin, stdout, stderr = ssh.exec_command(command, get_pty=True)

                # result = stdout.read()

                # 循环发送消息给前端页面

                while True:

                    nextline = stdout.readline().strip()  # 读取脚本输出内容

                    # print(nextline.strip())

                    request.websocket.send(nextline) # 发送消息到客户端

                    # 判断消息为空时,退出循环

                    if not nextline:

                        break

                ssh.close()  # 关闭ssh连接

            else:

                request.websocket.send('小样儿，没权限!!!'.encode('utf-8'))

在 templates 目录下新建文件 index.html

<!DOCTYPE html >

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>CMDB系统</title>

    <script src="/static/jquery-1.12.4.js"></script>

    <script type="text/javascript">

    $(function () {

        $('#backup_all').click(function () {

            var socket = new WebSocket("ws://" + window.location.host + "/echo_once/");

            console.log(socket);

            socket.onopen = function () {

                console.log('WebSocket open');//成功连接上Websocket

                socket.send($('#backup_all').val());//发送数据到服务端

            };

            socket.onmessage = function (e) {

                console.log('message: ' + e.data);//打印服务端返回的数据

                //$('#messagecontainer').prepend('<p><pre>' + e.data + '</pre></p>');

                //$('#messagecontainer').prepend('<hr />');

                $('#messagecontainer').append(e.data+'<br/>');

                {#$('#messagecontainer').prepend('<hr />');#}

            };

        });

    });

    </script>

</head>

<body>

{#<br>#}

<button style="margin: 20px;height: 40px;background-color: #00ff00;" type="button" id="backup_all" value="backup_all">

    执行Shell脚本

</button>

<h3 style="margin: 20px;">脚本执行结果:</h3>

<div id="messagecontainer" style="margin: 20px;">

</div>

<hr/>

</body>

</html>

和manage.py 同级目录，新建目录static，在里面放 jquery-1.12.4.js 文件

从百度搜索下载即可！

修改 settings.py ，设置satic路径

STATIC_URL = '/static/'

STATICFILES_DIRS = (

    os.path.join(BASE_DIR,"static"),

)

requirements.txt  这个是项目依赖文件，内容如下：

Django==2.1.4

dwebsocket==0.5.10

paramiko==2.4.2

此时，目录结果如下：

./

├── db.sqlite3

├── manage.py

├── requirements.txt

├── static

│   └── jquery-1.12.4.js

├── templates

│   └── index.html

├── untitled2

│   ├── __init__.py

│   ├── settings.py

│   ├── urls.py

│   └── wsgi.py

└── websocket

    ├── admin.py

    ├── apps.py

    ├── __init__.py

    ├── migrations

    │   └── __init__.py

    ├── models.py

    ├── tests.py

    └── views.py

启动linux服务器

这里使用的是linux服务器，系统是 ubuntu-16.04.4-server-amd64

脚本 /opt/test.sh 就是上面的内容，已经设置了755权限

启动项目

使用Pycharm启动，访问网页：

http://127.0.0.1:8000/echo_once/

效果就是上面演示的！

测试命令

除了执行脚本，还可以执行其他命令，比如安装ntpdate

修改views.py，将 command 修改一下

command = 'apt-get install -y ntpdate'#这里是要执行的命令或者脚本

再次执行，效果如下：

完整项目

如需完整项目代码，请访问：

https://github.com/py3study/wdpy

本文参考链接：
https://blog.csdn.net/linxi7/article/details/76161584

注意：这篇文章的效果并不是实时输出，它是命令执行完成之后，才显示在网页上面的！

那么因此，我在他的代码基础上，做了一些改进！才实现 实时输出的效果！

websocket+Django+python+paramiko实现web页面执行命令并实时输出的更多相关文章

  1. python paramiko ssh登录交换机执行命令

    # encoding=utf-8 import paramiko import time client = paramiko.SSHClient() client.load_system_host_k ...

  2. Django：表结构发生变化需要执行命令

    Django:表结构发生变化需要执行命令 Django:表结构发生变化需要执行命令 mysite> python manage.py makemigrations blog #让 Django ...

  3. python利用paramiko连接远程服务器执行命令

    python中的paramiko模块是用来实现ssh连接到远程服务器上的库,在进行连接的时候,可以用来执行命令,也可以用来上传文件. 1.得到一个连接的对象 在进行连接的时候,可以使用如下的代码: d ...

  4. python之实现批量远程执行命令（堡垒机）

    python远程批量执行 我并不是一个专业的开发,我一直在学习linux运维,对于python也是接触不久,所以代码写的并不是很规范简洁. 前段时间一个同学找我一起做一个自动化运维平台,我对pytho ...

  5. paramiko模拟ansible远程执行命令

    主模块 #!/usr/bin/env python from multiprocessing import Process import paramiko import time import sys ...

  6. Python 实现远程服务器批量执行命令

    paramiko 远程控制介绍 Python paramiko是一个相当好用的远程登录模块,采用ssh协议,可以实现linux服务器的ssh远程登录.首先来看一个简单的例子 import parami ...

  7. python通过getopt模块获取执行命令参数

    python脚本和shell脚本一样可以获取命令行的参数,根据不同的参数,执行不同的逻辑处理. 通常我们可以通过getopt模块获得不同的执行命令和参数. 下面我通过新建一个test.py的脚本解释下 ...

  8. 基于python的websocket开发，tomcat日志web页面实时打印监控案例

    web socket 接收器:webSocket.py 相关依赖 # pip install bottle gevent gevent-websocket argparse from bottle i ...

  9. python streamlit 速成web页面，深度学习模型展示.

    #  点我查看 参考文献 py中一个web应用,Streamlit 是一个开源 Python 库,可让您轻松创建和共享用于机器学习和数据科学的精美自定义 Web 应用程序.只需几分钟,您就可以构建和部 ...

随机推荐

  1. 系统自带的日志管理工具-rsyslogd

    系统自带的日志管理工具-rsyslogd 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.日志管理简介 1.什么是日志 系统日志是记录系统中硬件.软件和系统问题的信息,同时还可以 ...

  2. my live bigdata

    s 上海移动 13585845289 张xx,安徽六安,下沙镇,沪南公路,X菇种植. 自然人严重失信黑名单查询 http://www.jscredit.gov.cn/credit/p/rb_list/ ...

  3. HDU - 5413 CRB and Roads

    CRB and Roads Time Limit: 12000/6000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others) ...

  4. Ubuntu14.10安装TensorFlow1.0.1

    本文记录了在Ubuntu上安装TensorFlow的步骤.系统环境:Ubuntu14.10 64bitPython版本:Python 2.7.8TensorFlow版:TensorFlow 1.0.1 ...

  5. 图标网站，IcoMoon，自己动手做一个 font

    很有用的IcoMoon,在线制作工工具:https://icomoon.io/app/#/select/font 大神解说:如何灵活利用免费开源图标字体-IcoMoon篇http://www.zhan ...

  6. C# Winform继承窗体打开设计器白屏的一例解决方法

    环境VS2017 15.5.4,Win10开发过程中,发现一些窗体打开设计器会卡死白屏,另外有一些不会,(两者运行时正常),最小化vs后甚至能把工具箱连带搞黑,严重影响开发效率,经过一天多的对比研究, ...

  7. 20155331 2016-2017-2 《Java程序设计》第七周学习总结

    20155331 2016-2017-2 <Java程序设计>第七周学习总结 教材学习内容总结 一.认识Lambda语法 1.Lambda语法概览 Arrays的sort()方法可以用来排 ...

  8. android ContentObserver内容观察者基本使用

    package com.example.observertest; import android.content.ContentResolver; import android.database.Co ...

  9. 表格控件QTableWidget

    搭配QTableWidgetItem使用 样式: import sys from PyQt5.QtCore import Qt from PyQt5.QtWidgets import QApplica ...

  10. Mac下配置多个SSH KEY访问远程Git服务

    第一步 生成对应的ssh key 1 后面输入你的用户名 或者 邮箱 2 输入一个独立的ssh key名字 区别之前的名字 第二步  编辑 config文件 在.ssh/目录下面 在config文件配 ...