PyScript: заставить скрипты Python работать в браузере для создания веб-приложений • Создание и построение seo ссылок

Чтобы скрипты Python работали в веб-браузере, необходимо обрабатывать функции веб-приложений внутри веб-страницы с помощью языка программирования Python.

Поскольку JavaScript является основным языком программирования для обеспечения работы веб-браузера и интерактивности веб-страницы, Python обычно используется для обработки данных, машинного обучения и искусственного интеллекта.

Даже если у нас есть внутренняя инфраструктура, такая как Django и Flask, или генераторы статических сайтов, такие как Jekyll, Python обычно стоит за JavaScript для веб-разработки.

Но благодаря последним улучшениям будущее JavaScript открыто для обсуждения. «PyScript» позволяет скриптам Python легко работать в веб-компонентах.

Согласно с PyScript.net:

«PyScript — это платформа, которая позволяет пользователям создавать многофункциональные приложения Python в браузере, используя интерфейс HTML и мощь пиодид, ВАСМи современные веб-технологии. Платформа 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.

READ Обнаружено более тысячи образов контейнеров Docker, скрывающих вредоносный контент

PyScript незаметно превращает блоки кода Python в эквиваленты Javascript.

Чтобы использовать PyScript в веб-браузере, выполните следующие действия.

Используйте таблицу стилей и JavaScript в области файла HTML.

<link rel="stylesheet" href=" />

<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

Используйте код 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.

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

Source link