PyScript — это скрипт на языке Python, который можно запускать в браузере, используя смесь Python и стандартного HTML. Это может стать мощным инструментом для создания веб-приложений.
Как это работает?
PyScript зависит от Pyodide. Таким образом, это дистрибутив Python (порт CPython) для браузера и Node.js, основанный на WebAssembly.
WebAssembly — это новый тип кода, который может быть запущен в современных веб-браузерах — это низкоуровневый ассемблероподобный язык с компактным двоичным форматом, который работает с почти нативной производительностью и предоставляет таким языкам, как C/C++, C# и Rust, цель компиляции, чтобы они могли работать в Интернете.
Подробнее о WebAssembly можно узнать здесь.
Основные моменты, которые необходимо знать о PyScript:
- Python в браузере: Возможность использования встраиваемого контента, размещения внешних файлов (это стало возможным благодаря проекту Pyodide, спасибо!) и размещения приложений без зависимости от конфигурации на стороне сервера.
- Экосистема Python: Запуск многих популярных пакетов Python и научного стека (таких как numpy, pandas, scikit-learn и др.).
- Python с JavaScript: Двунаправленная связь между объектами и пространствами имен Python и Javascript.
- Управление окружением: Позволяет пользователям определять, какие пакеты и файлы необходимо включить для запуска кода страницы
- Визуальная разработка приложений: Использование легкодоступных курируемых компонентов пользовательского интерфейса, таких как кнопки, контейнеры, текстовые поля и т.д.
- Гибкая структура: Гибкая структура, которую можно использовать для создания и обмена новыми подключаемыми и расширяемыми компонентами непосредственно в Python.
PyScript в настоящее время находится на стадии альфа-версии. Он еще не готов к использованию. Вы можете найти исходный код на GitHub.
Давайте начнем с простых примеров.
Сначала необходимо добавить зависимость py-script в HTML-файл.
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
Теперь вы можете использовать PyScript в вашем HTML-файле. В настоящее время PyScript реализует следующие элементы:
<py-script>: Основной элемент PyScript. Здесь вы можете добавить свой код на языке python, который будет исполняться в пределах веб-страницы. Сам элемент не выводится на страницу.
Пример Python Hello There:
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body>
<py-script> print('Hello, Friends!') </py-script>
<py-script> print( 1 + 1 ) </py-script>
</body>
</html>
Пример Python repl:
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body>
<py-repl id="my-repl" auto-generate="true"> </py-repl>
</body>
</html>
Живой пример: здесь
Спасибо, что прочитали 😊
Есть вопросы или дополнительные? Пожалуйста, оставьте комментарий.
Обязательно к прочтению Если вы еще не
Лучшие практики и паттерны React для сокращения кода
3 шага для создания пользовательской библиотеки управления состояниями с помощью React и Context API
Как отменить Javascript API запрос с помощью AbortController
13 Утилиты Typescript: Шпаргалка для разработчика
Больше материалов на Dev.to.
Ловите меня на Github, Twitter, LinkedIn, Medium и Stackblitz.