Что такое PyScript? И почему это должно вас волновать?

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.

Оцените статью
Procodings.ru
Добавить комментарий