Чтобы скрипты Python работали в веб-браузере, необходимо обрабатывать функции веб-приложений внутри веб-страницы с помощью языка программирования Python.
Поскольку JavaScript является основным языком программирования для обеспечения работы веб-браузера и интерактивности веб-страницы, Python обычно используется для науки о данных, машинного обучения и искусственного интеллекта.
Даже если у нас есть внутренняя инфраструктура, такая как Django и Flask, или генераторы статических сайтов, такие как Jekyll, Python обычно стоит за JavaScript для веб-разработки.
Но благодаря последним улучшениям будущее JavaScript открыто для обсуждения. «PyScript» позволяет скриптам Python легко работать в веб-компонентах.
Согласно PyScript.net:
«PyScript — это платформа, которая позволяет пользователям создавать многофункциональные приложения Python в браузере, используя интерфейс HTML и мощь Pyodide, WASM и современных веб-технологий. Платформа PyScript предоставляет пользователям с любым уровнем опыта доступ к выразительному, простому в освоении языку программирования с бесчисленными приложениями.
В этой колонке вы узнаете, что такое PyScript, увидите пример, узнаете об альтернативах, а также узнаете, как создать собственное веб-приложение с помощью Python и PyScript.
Что такое переход с JavaScript на Python?
Python — человекочитаемый язык программирования.
Таким образом, существует множество промежуточных программных языков Python, помогающих модулям и пакетам JavaScript и Java использоваться в среде Python.
Например, «TensorFlow» — это в основном пакет JS или Plotly и Selenium.
Существуют даже специальные пакеты для преобразования кода JavaScript в код Python, такие как Js2Py.
Почему важно понимать JavaScript, лежащий в основе Python?
Потому что использование скриптов Python внутри веб-браузера не означает, что век JavaScript для веб-разработки подходит к концу.
JavaScript по-прежнему работает за сценариями Python в веб-браузере.
Что такое PyScript и как его использовать для создания веб-приложений?
PyScript — это фреймворк, позволяющий веб-браузерам использовать скрипты Python.
PyScript незаметно превращает блоки кода Python в эквиваленты Javascript.
Чтобы использовать PyScript в веб-браузере, выполните следующие действия.
Используйте таблицу стилей и JavaScript в области файла HTML.
<link rel="stylesheet" href=" /> <script defer src="
- Используйте код Python внутри веб-компонента «».
- Обратите внимание на отступ.
- Не форматируйте код Python внутри веб-компонента «».
- Используйте ярлыки и аргументы PyScript для импорта модулей и пакетов Python.
- Используйте классы и идентификаторы CSS для вставки результатов в конкретный Div HTML-документов.
Пример запуска скрипта Python внутри веб-браузера
Ниже приведен пример запуска скрипта Python в браузере.
<html> <head> <link rel="stylesheet" href=" /> <script defer src=" <link href=" rel="stylesheet" crossorigin="anonymous"> <py-env> - numpy - matplotlib </py-env> </head>
Область HTML-файла представляет наиболее важные ресурсы.
Мы использовали «pyscript.css» и «pyscript.js».
Мы также использовали веб-компонент «», чтобы импортировать модули Python.
В этом примере мы импортировали «numpy» и «matplotlib».
В разделе «» мы будем использовать эти модули для создания линейного графика Python внутри веб-браузера.
<body> <h1>Let's plot random numbers</h1> <div id="plot"></div> <py-script output="plot">
В начале мы использовали «div» с идентификатором «plot».
Это необходимо для вставки вывода скрипта Python.
«» необходим для соответствия конкретному значению идентификатора HTML Div.
import matplotlib.pyplot as plt import numpy as np x = np.random.randn(1000) y = np.random.randn(1000) fig, ax = plt.subplots() ax.scatter(x, y) fig </py-script> </body> </html>
Сценарий Python, приведенный выше, представляет собой простой сценарий линейного графика. И вы можете увидеть результат ниже.
-
Скриншот автора, июнь 2022 г.
В приведенном выше примере показано, как создать линейный график с помощью PyScript.
Как увидеть вывод терминала PyScript
Для каждого скрипта Python всегда есть терминал, который работает и выводит сообщения из процесса вычислений.
- Скриншот автора, июнь 2022 г.
Разработчик должен прочитать консоль браузера и следить за ней, чтобы увидеть, как работает PyScript и что происходит за кулисами.
Например, на скриншоте выше показан запущенный процесс созданного нами скрипта Python.
В нем объясняется, как «numpy» или «matplotlib» и их зависимости загружаются и каким ресурсом используются.
Как создать собственное веб-приложение с помощью Python и PyScript?
Чтобы создать пользовательское веб-приложение с помощью Python и PyScript, выполните следующие действия.
- Импортируйте необходимые файлы JS и CSS из PyScript.
- Создайте документ HTML с правильным синтаксисом тега HTML.
- Используйте HTML-тег «py-script» с атрибутом «output».
- Используйте HTML Div с определенным идентификатором, чтобы соответствовать значению атрибута «output».
- Используйте «py-env» для невстроенных библиотек Python.
- Вставьте скрипт Python внутри тега «py-script» без синтаксической ошибки и ошибки отступа.
- Используйте «return» в функции Python или «print», чтобы завершить скрипт.
- Обновите веб-страницу, чтобы увидеть результаты.
Ниже приведен пример пользовательского веб-приложения Python для «генерации случайных паролей» на основе заданной длины пароля.
- Скриншот автора, июнь 2022 г.
На приведенном выше снимке экрана показан пример использования PyScript в HTML-документе для создания пользовательских паролей.
Сценарий Python, который я использовал, приведен ниже.
import string
import random
characters = list(string.ascii_letters + string.digits + "!@#$%^&*()")
def generate_random_password():
length = int(input("Enter password length: "))
random.shuffle(characters)
password = []
for i in range(length):
password.append(random.choice(characters))
random.shuffle(password)
print("".join(password))
generate_random_password() Кроме того, доступна живая версия пользовательского веб-приложения Python.
Просто введите числовое значение в поле ввода.
- Скриншот автора, июнь 2022 г.
И это даст вам простой 45-значный пароль.
- Скриншот автора, июнь 2022 г.
Вы можете использовать эту технологию для некоторых других моих статей SEJ для аудита карт сайта или визуализации горячих тем с новостных сайтов.
Или в будущем мы можем продемонстрировать более сложные веб-приложения с помощью PyScript.
Каковы недостатки PyScript?
Главный недостаток PyScript — отсутствие поддержки.
PyScript анонсирован на Pycon 2022 для разработчиков Python.
Это было большое и захватывающее событие, но ожидания сообщества превзошли текущее состояние PyScript.
Из-за слабой поддержки сообщества разработка PyScript в будущем может замедлиться, но если подумать о путешествии Python, это неудивительно.
Python не был так популярен до последних пяти лет, потому что он был неизвестен.
- Скриншот автора, июнь 2022 г.
Выше вы можете увидеть, как Python в целом подавляет поисковый запрос JavaScript.
Основная причина роста популярности Python — библиотека «панды».
Вот почему ML и наука о данных являются основными направлениями Python, но это не должно продолжаться в том же духе.
Таким образом, PyScript следует серьезно рассмотреть для будущего веб-разработки.
- Скриншот автора, июнь 2022 г.
Каковы альтернативы PyScript?
Альтернативы PyScript не эквивалентны PyScript, поскольку он напрямую работает в браузере, но, тем не менее, существуют разные способы косвенного использования сценариев Python внутри веб-сайта.
К ним относятся «brython», «pyodide», «Appwrite», «django-readers», «appdeamon».
Некоторые альтернативы PyScript предназначены для Firebase, такие как Appwrite, и некоторые другие работы для веб-разработки, такие как Brython.
Brython старше Pyscript и фокусируется на том, чтобы сделать Python основным языком для веб-разработки с типом файла «текст/python» вместо «текст/javascript».
Могут ли PyScript и Brython повлиять на поисковые системы и SEO?
Да, в будущем PyScript и Brython могут увеличить свое влияние на индустрию веб-разработки.
Изменение технологий и отраслей веб-разработки влияет на сканеры и протоколы поисковых систем.
Если поисковая система начинает видеть файлы «text/python» или сценарии «.py» в исходном коде HTML, она должна быть в состоянии заставить ее работать, чтобы увидеть веб-страницу как есть.
На данный момент PyScript работает через JavaScript, а Brython уже находится в начале своего пути, несмотря на то, что он старше.
Другие альтернативы PyScript работают через Node.js, такие как библиотеки внутреннего программирования, или через Firebase, такие как облачные системы.
Таким образом, в будущем Google, как поисковой системе с большим количеством кода Python, может потребоваться отображать файлы Python для сканирования и отображения веб-страниц.
Заключение для Python как веб-скрипта
Для людей, которые любят программировать, не имеет значения, используете ли вы Python или JavaScript для определенной задачи.
Но Python — это самый простой язык программирования для изучения, поскольку он удобочитаемый, он дает больше функциональности с меньшим количеством символов.
Большинство специалистов по обработке и анализу данных и инженеров по машинному обучению хорошо знают Python, и применение их талантов в веб-разработке будет похоже на объединение двух разных вселенных.
Дополнительные ресурсы:
Рекомендуемое изображение: TippaPatt/Shutterstock
Аналитическая информация для руководителей и специалистов SEO, SMM. Продвижение сайта в Яндекс, Google, Вконтакте и других социальных сетях. Обучение востребованным профессиям в сфере IT. Настройка рекламных компаний в интернет. Маркетинг. Анализ рынка. Полезные секреты проведения рекламных компаний. Все для PR-менеджера.
Специальная подборка для Вас