Node не только содержит возможность обрабатывать JS-файлы, как мы только что сделали, он также может создать HTTP-сервер. Мы собираемся рассмотреть создание HTTP-сервера с Node-фреймворком Express для обработки HTML-файла.
В первом приложении мы только выводили что-то в консоль. Двигаясь вперёд, мы учтём чему уже научились для следующего шага, в котором мы можем организовать веб-сайт для наших пользователей. На один шаг мы станем ближе к полноценному веб-приложению.
Давайте придерживаться того же приложения, добавив фреймворк Express с выдачей HTML-файла. Нам понадобятся те же файлы (package.json, server.js) и к ним мы добавим новый файл index.html.
Express: Node-фреймворк
Одним из самых больших преимуществ Node является то, что он содержит поддержку множества пакетов. Сообщество отправляет много пакетов в npm и на момент написания в нём хранится 129257 пакетов, которые загрузили свыше 17694831 раз за последний день. Это большое достижение!
Пакеты расширяют функциональность нашего приложения и найдутся пакеты для многих разных случаев применения.
Создание html сайта в блокноте
Вы, возможно, слышали о Grunt, Gulp или даже препроцессорах CSS вроде Less — всё это может быть пакетом.
Express — лёгкая платформа для создания веб-приложений с использованием Node.js. Express помогает организовать веб-приложение на стороне сервера. Сайт ExpressJS описывает его как «минимальной и гибкий Node-фреймворк для веб-приложений».
Express скрывает много внутренней работы Node, которая позволяет вам погрузиться в код приложения, получать всякие штуки и работать намного быстрее. Он прост для изучения и ещё даёт вам немного гибкости с его структурой.
Существует причина, почему в настоящее время это самый популярный фреймворк для Node. Вот несколько больших имён использующих Express:
Для просмотра полного списка зайдите на эту страницу.
Express поставляется с несколькими замечательными возможностями, которые добавят лёгкости в вашу разработку:
- маршрутизация;
- обработка запросов;
- настройки приложения;
- связующее программное обеспечение.
Не волнуйтесь, если эти термины являются для вас новыми. Просто знайте, что Express делает разработку намного проще и работать с ним в радость.
Установка Express
Пакеты для конкретного приложения Node определяются в package.json. Для получения установленных пакетов вы можете использовать один из двух методов:
- Метод 1: Написать пакет в package.json.
- Метод 2: В командной строке использовать npm install.
Как запустить скрипт Python на веб-странице
После этого код Python должен работать так же, как и в терминале, за исключением того, что вывод идет в браузер. Когда вы получите эту работу, вы можете использовать модуль cgi, чтобы вернуть данные из браузера. Примечание. Предполагается, что на вашем веб-сервере работает Linux. Для Windows может работать #!/Python26/python .
jpa 18 сен. 2011, в 14:55
Поделиться
Парсинг в Python за 10 минут!
Для веб-хостинга, который я использую, мне пришлось добавить #!/usr/bin/env python # -*- coding: UTF-8 -*- взамен.
GrandAdmiral 02 фев. 2013, в 23:47
Мой браузер просто пытается загрузить файл CGI вместо сервера, выполняющего его. Разрешения 755.
posfan12 08 июнь 2018, в 23:03
Вызов файла index.cgi вместо index.py , вероятно, неверно направлен. Называйте это как хотите — важно настроить веб-сервер так, чтобы он понимал, что это CGI-сценарий, а не статический контент.
tripleee 11 янв. 2019, в 06:13
Показать ещё 1 комментарий
с помощью библиотеки фляг в Python вы можете достичь этого. не забудьте сохранить свою HTML-страницу в папке с именем «templates» внутри, где вы запускаете ваш скрипт на python.
так ваша папка будет выглядеть
- шаблоны (папка, которая будет содержать ваш HTML файл)
- ваш скрипт на питоне
это небольшой пример вашего скрипта на python. Это просто проверяет на плагиат.
Это небольшой шаблон HTML файла, который используется
Enter the texts to be compared
Это небольшой небольшой способ, с помощью которого вы можете выполнить простую задачу сравнения двух строк и который можно легко изменить в соответствии с вашими требованиями.
Ash Upadhyay 13 апр. 2017, в 08:26
Поделиться
Как мы должны называть файлы Python и HTML?
posfan12 08 июнь 2018, в 22:46
имя вашего html файла может быть «my-form.html», а имя скрипта python может быть любым
Ash Upadhyay 11 июнь 2018, в 10:46
Для простых задач есть микрорамка под названием бутылка, которую очень легко настроить и начать использовать.
tripleee 11 янв. 2019, в 06:10
Показать ещё 1 комментарий
Если вы используете свой собственный компьютер, установите программное обеспечение под названием XAMPP (или WAMPP либо работает). Это в основном сервер веб-сайта, который работает только на вашем компьютере. Затем, как только он будет установлен, перейдите в папку xampp и дважды щелкните папку htdocs. Теперь вам нужно создать html файл (я назову его runpython.html). (Не забудьте переместить файл python в htdocs)
Добавьте в это ваше тело html (и входы при необходимости)
Теперь, в файле python, мы в основном собираемся распечатать HTML-код.
#We will need a comment here depending on your server. It is basically telling the server where your python.exe is in order to interpret the language. The server is too lazy to do it itself. import cgitb import cgi cgitb.enable() #This will show any errors on your webpage inputs = cgi.FieldStorage() #REMEMBER: We do not have inputs, simply a button to run the program. In order to get inputs, give each one a name and call it by inputs[‘insert_name’] print «Content-type: text/html» #We are using HTML, so we need to tell the server print #Just do it because it is in the tutorial 😛 print » MyPythonWebpage » print «Whatever you would like to print goes here, preferably in between tags to make it look nice»
Источник: overcoder.net
Alex_EXE
Запуск и управление приложениями из веб-интерфейса
В данном статье будет рассмотрено, как запускать приложения из веб интерфейса и обмениваться с ними информацией.
Пример рассмотрен для платы mini2440 с установленной linux – Qtopia версии 2.2.0 , которая имеет предустановленный WEB сервер — lighttpd.
Пример содержит следующие файлы:
t2.html и t2.cgi расположенные в папке веб-сервера /www/
plus – исполняемая программа расположена на SD карте /sdcard/
Рассмотрим простой пример – на странички t2.html создаются 2 поля ввода и одна кнопка:
A+B
A=
B=
Если t2.html переименовать в index.html – то при обращении к IP адресу устройства будет открываться ваша страница.
Вид страницы t2.html
При нажатии на кнопку формируется сообщение:
http://192.168.1.7/t2.cgi?A=2submit=A%2BB
В котором указывается: адрес страницы, на которую будет совершён переход и сообщение, передаваемое той страницы. Сообщение в общем виде имеет следующий вид:
name=valuename=value
В примере оно выглядит следующем образом:
A=2submit=A%2BB
Исполняемый файл скрипта — t2.cgi
#!/bin/sh echo «Content-type: text/html; charset=windows-1251» echo echo «A+B=» echo «QUERY_STRING=
» echo $QUERY_STRING echo «
» A=`echo «$QUERY_STRING» | sed -n ‘s/^.*A=([^s/%20/ /g»` B=`echo «$QUERY_STRING» | sed -n ‘s/^.*B=([^s/%20/ /g»` echo «A= $A
» echo «B= $B
» echo «
» if [ $A ] [ $B ] then /sdcard/plus $A $B else echo «
Ответ:
Не заданы A и B!
» fi echo «» exit 0
Рассмотрим данный файл поподробнее:
#!/bin/sh – указывается, с помощью чего будет происходить обработка скрипта
Файлы *.cgi могут быть написаны на любом языке , если только он установлен (например: /usr/bin/perl).
Далее с помощью сообщений echo начинает формироваться страница, которая будет отображаться при исполнении скрипта.
$QUERY_STRING – передаваемое сообщение скрипту.
A=`echo «$QUERY_STRING» | sed -n ‘s/^.*A=([^https://alex-exe.ru/radio/friendlyarm/run-application-web/» target=»_blank»]alex-exe.ru[/mask_link]