Python 3 on the web

Run and Debug Python in the Web

We are happy to announce experimental support for running Python code on the Web. To try it out, install the latest pre-release version of the Experimental — Python for the Web extension from the Marketplace. This work is based on WASM in Python, which is currently in development. To learn more about how it works and the ongoing progress, you can read Compiling Python to WebAssembly (WASM).

Prerequisites

The following prerequisites are needed to use the extension:

• You need to have the GitHub Repositories extension installed.
• You need to authenticate with GitHub.
• You need to use a browser that supports cross-origin isolation. The extension has been tested with the Microsoft Edge and Google Chrome browsers.
• You need to use the insider version of VS Code for the Web (for example https://insiders.vscode.dev/ )
• Your source code must be hosted either on your local file system or a GitHub repository that is accessed through the GitHub Repositories extension.
• When starting VS Code for the Web, you need to add the following query parameter to the end of the URL: ?vscode-coi= .

Run Hello World

The screenshot below shows the execution of a simple Python program in the browser. The program consists of two files app.py and hello.py stored on the local file system.

Start a REPL

The extension comes with an integrated Python REPL. To activate it, run the command Python WASM: Start REPL.

Debugging

There is support for debugging Python files on the Web and it uses the same UI as VS Code Desktop debugging. The features currently supported are:

• Set breakpoints
• Step into and out of functions
• Debug across modules
• Evaluate variables in the Debug Console
• Debug the program in the Integrated Terminal

The screenshot below shows an active debug session. The files are hosted directly on GitHub on this sample repository.

Create your own Python environment

The extension uses a pre-configured Python environment based on the CPython WebAssembly builds. The build used is Python-3.11.0-wasm32-wasi-16.zip .

You can create your own Python environment, including source wheel Python packages, following these steps:

• Create a new GitHub repository.
• Download a wasm-wasi-16 build from cpython-wasm-test/releases and expand it into the root of the repository.
• To add source wheel packages, do the following:
  • Create a site-packages folder in the root.
  • Install the package using the following command pip install my_package —target ./site-packages . Note that you need to have a Python installation in your OS including pip.

   "python.wasm.runtime": "https://github.com/dbaeumer/python-3.11.0" > 

  Limitations

  The Python for the Web support doesn’t provide all the features available when running source code on your local machine. The major limitations in the Python interpreter are:

  • No socket support.
  • No thread support. As a consequence, there is no async support.
  • No pip support.
  • No support for native Python modules.

  Acknowledgment

  The work would have not been possible without the support of the Python community, who are building and maintaining the necessary WASM files of CPython.

  Feedback

  If you run into issues while using the Python for the Web extension, you can enter issues in the vscode-python-web-wasm repository.

  Источник

  Как запустить код python в браузере

  Разработка веб-приложений — это область, в которой быстро появляются новые инструменты и технологии. В настоящее время компании заинтересованы в создании веб-приложений, чтобы привлечь клиентов с помощью интерактивных веб-приложений, а не показывать несколько HTML-страниц в интернете, чтобы выделиться.

  Javascript — это королева языков веб-программирования, которая включает в себя почти все инструменты и фреймворки веб-разработки. Мы можем разработать веб-приложение за доли секунд, используя Angular, React или родной javascript.

  Python настолько популярен благодаря своей библиотечной поддержке, что большинство компаний предпочитают его как лучший выбор для проектов по искусственному интеллекту и науке о данных.

  По мере роста спроса появляются новые изменения, направленные на быструю разработку приложений, где важную роль играет объединение различных технологий. Объединив python и HTML, мы можем отображать коды python на HTML-страницах.

  Brython — это реализация Python 3, которую можно использовать для выполнения кодов python в браузере. На прошлой неделе генеральный директор Anaconda Питер Ванг анонсировал революционную технологию под названием PyScript, которая позволяет пользователям выполнять python-код в браузере.

  В этой статье мы постараемся рассказать о реализации python в HTML-страницах.

  Большие шаги в веб-разработке — Brython и PyScript.

  Начало работы

  1. Brython

  Фреймворки Python, такие как Flask и Django, используются для рендеринга на стороне сервера, в то время как Brython обслуживает python-код на стороне клиента.

  Brython — это фреймворк, который можно использовать для внедрения python-кода на HTML-страницы. Его основная цель — заменить Javascript в качестве языка сценариев для веб. Brython способен взаимодействовать с DOM, что делает его перспективным фреймворком на стороне скриптов. Эта способность Brython может быть использована для создания чего-то нового в браузере.

  Установка

  Brython предоставляет ссылки CDN, которые можно использовать для интеграции с веб-приложением.

  Источник