Intégrer des scripts Python dans HTML avec PyScript

PyScript

Le nouveau projet PyScript vous permet d’intégrer des programmes Python directement dans des pages HTML et de les exécuter dans le navigateur sans aucune exigence basée sur le serveur.

Le projet a été annoncé ce week-end à PyCon US 2022 et agit comme un wrapper autour du Pyodure projet, qui charge l’interpréteur CPython en tant que module de navigateur WebAssembly.

« PyScript est un framework qui permet aux utilisateurs de créer des applications Python riches dans le navigateur en utilisant un mélange de Python avec du HTML standard. » explique Anaconda dans un récent article de blog.

« PyScript vise à offrir aux utilisateurs un langage de programmation de première classe qui a des règles de style cohérentes, est plus expressif et est plus facile à apprendre. »

Alors que le projet Pyodide vous permettait auparavant d’exécuter Python dans le navigateur, il faut un certain temps pour s’habituer à la syntaxe et ce n’est pas aussi élégant que d’écrire simplement un programme Python et de le coller dans votre page HTML.

Cependant, Python agit comme un wrapper, vous permettant d’intégrer du code Python directement entre les balises py-script et de le faire exécuter automatiquement par Pyodide.

Par exemple, ce qui suit illustre un petit exemple Hello World utilisant PyScript et son exécution directement dans le navigateur. Remarquez comment la fonction pyscript.write() vous permet de générer des données directement dans un élément HTML.

Python Hello World Application Python utilisant PyScript
Python Hello World Application Python utilisant PyScript

Les développeurs peuvent également étendre les pages PyScript via des packages Python supplémentaires intégré à Pyodide ou via ceux stockés sur le système de fichiers local. de Python MISE EN ROUTE.md Le fichier fournit une documentation sur la façon d’importer des packages dans votre code.

En plus d’exécuter du code intégré au HTML, il est également possible d’ajouter un éditeur de code directement dans une page HTML à l’aide de la balise py-repl afin que vous puissiez saisir du code et l’exécuter, comme indiqué ci-dessous.

Utilisation de l'éditeur de PyScript
Utilisation de l’éditeur de PyScript

L’utilisation de l’éditeur permet de tester facilement le code à la volée et de voir ce qui fonctionnera et ce qui ne fonctionnera pas avec PyScript.

Alors que JavaScript peut déjà effectuer presque tout ce que vous voudriez créer avec PyScript, avec Python considéré comme le langage de programmation le plus populaire, PyScript ouvre la porte à de nombreux projets intéressants sur la route.

Pour commencer avec PyScript, vous pouvez visiter leur Page du projet GitHubqui comprend également de nombreux exemples de code.