PyScript — это фреймворк, созданный с помощью Pyodide, позволяющий запускать код Python в браузере. Он все еще находится в зачаточном состоянии, но команда разработчиков недавно выпустила бета-версию.
Используя этот инструмент, разработчики могут писать Python непосредственно внутри HTML, без необходимости использования серверной части, такой как Flask или Django.
Хотя PyScript все еще находится в стадии бета-тестирования, он уже обладает некоторыми впечатляющими функциями, которые стоит попробовать.
1. Легко настроить
Начать работу с PyScript так же просто, как связать его CDN в голове HTML. Вы также можете скачать его исходный код и разместить файлы проекта на своем сайте. Хотя у последнего варианта есть небольшие преимущества, подключение к CDN проще.
Чтобы начать использовать PyScript, вы можете подключить его файлы JavaScript и CSS следующим образом:
<голова>
<ссылка отн="таблица стилей" ссылка="https://pyscript.net/alpha/pyscript.css" />
<сценарий отложить src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
2. Пишите Python прямо внутри HTML
Ваш код Python находится внутри пользовательского py-скрипт тег внутри тела документа. Затем файл JavaScript PyScript будет интерпретировать свое содержимое с помощью Python. Вы можете указать HTML-элемент, например div, для PyScript, в который будут записываться выходные данные.
Вот пример макета:
<тело>
<Идентификатор раздела ="python-контейнер"></div>
<вывод py-скрипта ="python-контейнер">
Распечатать("Привет, мир")
</py-script>
</body>
Помните, что отступы важны в вашем коде Python. Вам нужно быть осторожным, чтобы сделать отступ правильно, чтобы избежать Ошибка отступа Python.
3. Импорт и изоляция стандартных модулей Python
Еще одна уникальная особенность PyScript заключается в том, что он позволяет отделять зависимости от основной массы. Это означает, что вы перечислите зависимость в заголовке HTML, прежде чем сможете ее импортировать. Все зависимости находятся внутри py-окружение тег в разделе заголовка HTML:
<!ДОКТИП HTML>
<HTML>
<голова>
<ссылка отн="таблица стилей" ссылка="https://pyscript.net/alpha/pyscript.css" />
<сценарий отложить src="https://pyscript.net/alpha/pyscript.js"></script>
<py-окружение>
- пустышка
- панды
- openpyxl
- матплотлиб
</py-env>
</head>
<тело>
<py-скрипт>
импорт панды
</py-script>
</body>
</html>
4. Импортируйте и используйте свои собственные локальные модули и файлы
При использовании PyScript вам не нужно писать весь код Python непосредственно внутри файлов HTML. Вы можете писать функции или пользовательские модули Python внутри отдельных файлов, перечислите их в py-окружение теги и импортировать их. Это позволяет легко писать более чистый и читаемый код.
Тем не менее, вам придется указать py-окружение тег к вашим локальным путям модулей. Точно так же вы перечислите все локальные файлы, которые хотите использовать в своем коде Python. Например, если вы читаете файл Excel с помощью Pandas, вам нужно указать его путь:
<py-окружение>
- пустышка
# Локальные модули и файлы находятся здесь:
- пути:
- /main.py
- /path_to_excel_file.xlsx
</py-env>
5. Рендеринг визуализаций непосредственно в DOM
Совместное использование визуализаций и информационных панелей может оказаться непростой задачей. PyScript позволяет отображать раскадровки и визуализации Python непосредственно в браузере без использования серверных решений. Вы даже можете записать лист Excel в DOM как HTML.
Например, с необходимыми зависимостями в Виртуальная среда Python вы можете построить данные из файла Excel:
<!ДОКТИП HTML>
<HTML>
<голова>
<ссылка отн="таблица стилей" ссылка="https://pyscript.net/alpha/pyscript.css" />
<сценарий отложить src="https://pyscript.net/alpha/pyscript.js"></script>
<py-окружение>
- панды
- матплотлиб
# Локальные модули и файлы находятся здесь:
- пути:
- /path_to_excel_file.xlsx
</py-env>
</head>
<тело>
<Идентификатор раздела ="python-контейнер"></div>
<вывод py-скрипта ="python-контейнер">
импорт панды в виде пд
импорт matplotlib.pyplot в виде плт
дф = pd.read_excel ("excel_file_name.xlsx")
х = дф["Месяцы"]
у = дф["скорость_роста"]
рис, топор = plt.subplots()
топор.участок(Икс, у)
Рис
</py-script>
</body>
</html>
Вы можете найти больше информации о PyScript через его README на Github или Официальный сайт ПиСкрипта.
PyScript расширяет возможности Python
Одним из недостатков Python является его неспособность работать непосредственно в DOM. И это одна из причин, по которой JavaScript опережает его в веб-разработке. Введение PyScript может изменить это, если он сможет достичь уровня функциональности JavaScript. Тем не менее, PyScript — удобный инструмент, так как он поможет вам легко размещать проекты Python и делиться ими. Однако имейте в виду, что некоторые функции могут не работать, поскольку PyScript все еще является экспериментальной средой.
Чего ожидать от грядущей версии Python 3.11
Читать далее
Похожие темы
- Программирование
- питон
- Веб-разработка
- HTML
Об авторе

Idou увлечен всеми умными технологиями и производительностью. В свободное время он играет с программированием и переключается на шахматную доску, когда ему скучно, но он также любит время от времени отрываться от рутины. Его страсть показывать людям, как работают современные технологии, побуждает его писать больше.
Подпишитесь на нашу рассылку
Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!
Нажмите здесь, чтобы подписаться