Как настроить серверную часть Python с клиентской стороны javascript

Итак, на консоли уже запущена программа на Python, на которой я должен работать. Я буду создавать интерфейс GUI для приложения, используя Javascript. Как бы я:

а. Продолжайте обрабатывать ввод / вывод этой программы на Python, не касаясь исходного кода.

б. Отправьте входные данные консоли в программу Python с помощью вызовов Javascript. Я изучил необработанные HTTP-запросы /AJAX, но я не уверен, как именно я отправлю это как ввод в программу Python.

Источник

4 ответа

Решение

А. Для обработки ввода / вывода программы: Pexpect. Он довольно прост в использовании, и чтение некоторых примеров, распространяемых вместе с ним, должно научить вас в достаточной степени освоить основы.

б. Javascript интерфейс:

Ну, я использую Gevent, и это встроенный сервер WSGI. (посмотрите, что такое сервер WSGI ( другой)). Я должен отметить, что эта программа будет сохранять состояние, поэтому вы можете управлять своими открытыми сессиями, возвращая идентификатор сеанса вашему клиенту javascript и сохраняя ваш сеанс pexpect в глобальной переменной или каком-либо другом контейнере, чтобы вы могли завершить ввод и вывод программы через несколько независимых запросов AJAX. Однако я оставляю это на ваше усмотрение, поскольку это не так просто.

Все, что мой пример сделает, это поместит запрос POST в некоторые после нажатия на что-то по вашему выбору. (Это не будет работать, потому что некоторые переменные не установлены. Установите их.)

Вот соответствующие части:

<!-- JavaScript -->
<script src="jquery.js"></script>
<script type="text/javascript">
function toPython(usrdata){
    $.ajax({
        url: "http://yoursite.com:8080",
        type: "POST",
        data: { information : "You have a very nice website, sir." , userdata : usrdata },
        dataType: "json",
        success: function(data) {
            <!-- do something here -->
            $('#somediv').html(data);
        }});
$("#someButton").bind('click', toPython(something));
</script>

Тогда сервер:

# Python and Gevent
from gevent.pywsgi import WSGIServer
from gevent import monkey
monkey.patch_all() # makes many blocking calls asynchronous

def application(environ, start_response):
    if environ["REQUEST_METHOD"]!="POST": # your JS uses post, so if it isn't post, it isn't you
        start_response("403 Forbidden", [("Content-Type", "text/html; charset=utf-8")])
        return "403 Forbidden"
    start_response("200 OK", [("Content-Type", "text/html; charset=utf-8")])
    r = environ["wsgi.input"].read() # get the post data
    return r

address = "youraddresshere", 8080
server = WSGIServer(address, application)
server.backlog = 256
server.serve_forever()

Если ваша программа является объектно-ориентированной, это будет довольно легко интегрировать. РЕДАКТИРОВАТЬ: не должен быть объектно-ориентированным. и теперь я включил некоторый код Pexpect

global d
d = someClass()
def application(environ, start_response):
    # get the instruction
    password = somethingfromwsgi # read the tutorials on WSGI to get the post stuff
    # figure out WHAT to do
    global d
    success = d.doSomething()
    # or success = funccall()
    prog = pexpect.spawn('python someprogram.py')
    prog.expect("Password: ")
    prog.sendline(password)
    i = prog.expect(["OK","not OK", "error"])
    if i==0:
        start_response("200 OK", [("Content-Type", "text/html; charset=utf-8")])
        return "Success"
    elif i==1:
        start_response("500 Internal Server Error", [("Content-Type", "text/html; charset=utf-8")])
        return "Failure"
    elif i==2:
        start_response("500 Internal Server Error", [("Content-Type", "text/html; charset=utf-8")])
        return "Error"

Другой вариант, который я предлагаю, это Nginx + uWSGI. Если вы предпочитаете это, я также могу привести несколько примеров. Это дает вам преимущество включения веб-сервера в настройку.

Источник

Для прозрачной передачи ваших данных из javascript во внешнюю программу Python вы можете использовать протокол WebSocket для соединения вашего сервера и javascript, а также использовать stdin/stdout для связи с внешней программой с сервера.

Вот пример программы на Python client.py:

#!/usr/bin/env python
"""Convert stdin to upper case."""
for line in iter(raw_input, 'quit'):
    print line.upper()

Я создал сервер, используя код из примера hello world websocket, и отвечаю на вопрос, как создать новый процесс для каждого входящего соединения и перенаправить все входные данные в процесс 'stdin:

#!/usr/bin/python
"""WebSocket CLI interface."""
import sys
from twisted.application import strports # pip install twisted
from twisted.application import service
from twisted.internet    import protocol
from twisted.python      import log
from twisted.web.server  import Site
from twisted.web.static  import File

from txws import WebSocketFactory # pip install txws


class Protocol(protocol.Protocol):
    def connectionMade(self):
        from twisted.internet import reactor
        log.msg("launch a new process on each new connection")
        self.pp = ProcessProtocol()
        self.pp.factory = self
        reactor.spawnProcess(self.pp, sys.executable,
                             [sys.executable, '-u', 'client.py'])
    def dataReceived(self, data):
        log.msg("redirect received data to process' stdin: %r" % data)
        self.pp.transport.write(data)
    def connectionLost(self, reason):
        self.pp.transport.loseConnection()

    def _send(self, data):
        self.transport.write(data) # send back


class ProcessProtocol(protocol.ProcessProtocol):
    def connectionMade(self):
        log.msg("connectionMade")
    def outReceived(self, data):
        log.msg("send stdout back %r" % data)
        self._sendback(data)
    def errReceived(self, data):
        log.msg("send stderr back %r" % data)
        self._sendback(data)
    def processExited(self, reason):
        log.msg("processExited")
    def processEnded(self, reason):
        log.msg("processEnded")

    def _sendback(self, data):
        self.factory._send(data)


application = service.Application("ws-cli")

_echofactory = protocol.Factory()
_echofactory.protocol = Protocol
strports.service("tcp:8076:interface=127.0.0.1",
                 WebSocketFactory(_echofactory)).setServiceParent(application)

resource = File('.') # serve current directory INCLUDING *.py files
strports.service("tcp:8080:interface=127.0.0.1",
                 Site(resource)).setServiceParent(application)

Часть веб-клиента, sendkeys.html:

<!doctype html>
<title>Send keys using websocket and echo the response</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script>
<script src="sendkeys.js"></script>
<input type=text id=entry value="type something">
<div id=output>Here you should see the typed text in UPPER case</div>

а также sendkeys.js:

// send keys to websocket and echo the response
$(document).ready(function() {
    // create websocket
    if (! ("WebSocket" in window)) WebSocket = MozWebSocket; // firefox
    var socket = new WebSocket("ws://localhost:8076");

    // open the socket
    socket.onopen = function(event) {
    socket.send('connected\n');

    // show server response
    socket.onmessage = function(e) {
        $("#output").text(e.data);
    }

    // for each typed key send #entry's text to server
    $("#entry").keyup(function (e) {
        socket.send($("#entry").attr("value")+"\n");
    });
    }
});

Чтобы попробовать это:

  • скачать эту суть

  • устанавливать twisted, txws:

    $ pip install twisted txws

  • бежать:

    $ twistd -ny wscli.py

  • визит http://localhost:8080/

  • нажмите на sendkeys.html и наберите что-нибудь

Источник

Вы, вероятно, хотите Flask вместе с модулем json.

Django - это еще один вариант, но, вероятно, он слишком высокого уровня для ваших нужд.

Источник

Это зависит от того, какое приложение вы переносите, и от того, как ваши параметры графического интерфейса преобразуются в команды приложения. Но у вас есть две цели здесь:

  1. Написание обертки, чтобы вы могли читать вывод вашей программы и вводить его.

  2. Создание веб-сервера для приема событий графического интерфейса и преобразования их в команды для передачи вашей "оболочке"

Я сделал что-то вроде того, что вам нужно сделать.

  1. По сути, вам нужно превратить потоки сокетов в дискретные команды. Инструментом def acto для этого является ожидаемый и любой из его оболочек (я использовал pexpect, оболочку Python и имел хороший опыт работы с ним).

  2. Эта часть не может быть простой. Проблема в том, что ваша базовая программа постоянно работает, и поэтому ваш веб-сервер должен быть в состоянии знать о программе при выполнении запросов. Другой вариант для вашего веб-сервера - просто повторно присоединиться к процессу и выдать ему команды, а также отправить ответ, когда он встречается в потоке stdout, но у вас может получиться большое время отклика в зависимости от того, насколько быстро Программа есть. Также есть несоответствие, что запросы AJAX являются асинхронными, в то время как ваша основная программа является синхронной. Так что да, это может быть довольно сложным. Это действительно зависит от вашей программы. Если бы вы могли добавить некоторые подробности о том, на что похожа программа и графический интерфейс, это помогло бы.

Источник
Другие вопросы по тегам