Стратегия SEO

Как заставить скрипты Python работать в браузере для создания веб-приложений

Чтобы скрипты 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, приведенный выше, представляет собой простой сценарий линейного графика. И вы можете увидеть результат ниже.

Приложение PScriptСкриншот автора, июнь 2022 г.

В приведенном выше примере показано, как создать линейный график с помощью PyScript.

Как увидеть вывод терминала PyScript

Для каждого скрипта Python всегда есть терминал, который работает и выводит сообщения из процесса вычислений.

Консоль PScriptСкриншот автора, июнь 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 для «генерации случайных паролей» на основе заданной длины пароля.

Создание веб-приложения 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-значный пароль.

Пользовательское приложение SEJ PythonСкриншот автора, июнь 2022 г.

Вы можете использовать эту технологию для некоторых других моих статей SEJ для аудита карт сайта или визуализации горячих тем с новостных сайтов.

Или в будущем мы можем продемонстрировать более сложные веб-приложения с помощью PyScript.

Каковы недостатки PyScript?

Главный недостаток PyScript — отсутствие поддержки.

PyScript анонсирован на Pycon 2022 для разработчиков Python.

Это было большое и захватывающее событие, но ожидания сообщества превзошли текущее состояние PyScript.

Из-за слабой поддержки сообщества разработка PyScript в будущем может замедлиться, но если подумать о путешествии Python, это неудивительно.

Python не был так популярен до последних пяти лет, потому что он был неизвестен.

Тенденции поиска PythonСкриншот автора, июнь 2022 г.

Выше вы можете увидеть, как Python в целом подавляет поисковый запрос JavaScript.

Основная причина роста популярности Python — библиотека «панды».

Вот почему ML и наука о данных являются основными направлениями Python, но это не должно продолжаться в том же духе.

Таким образом, PyScript следует серьезно рассмотреть для будущего веб-разработки.

Поисковый запрос PyscriptСкриншот автора, июнь 2022 г.

Каковы альтернативы PyScript?

Альтернативы PyScript не эквивалентны PyScript, поскольку он напрямую работает в браузере, но, тем не менее, существуют разные способы косвенного использования сценариев Python внутри веб-сайта.

К ним относятся «brython», «pyodide», «Appwrite», «django-readers», «appdeamon».

Некоторые альтернативы PyScript предназначены для Firebase, такие как Appwrite, и некоторые другие работы для веб-разработки, такие как Brython.

Bryhthon для создания веб-приложений

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-менеджера.

Проверьте также
Закрыть
Кнопка «Наверх»