PyScript est un tout nouveau framework qui a suscité beaucoup d’enthousiasme lorsque ter Wangle PDG et co-fondateur d’Anaconda, Inc., l’a révélé lors de son discours d’ouverture à PyCon US 2022. Bien que ce projet ne soit qu’une expérience dans une phase précoce de développement, les gens sur des médias sociaux semblent déjà en être tombés amoureux. Ce didacticiel vous permettra de vous familiariser avec PyScript, tandis que la documentation officielle est encore en cours d’élaboration.
PyScript est un framework frontal Python qui permet aux utilisateurs de construire des programmes Python à l’aide d’une interface HTML dans le navigateur. Il a été développé en utilisant la puissance d’Emscripten, Pyodide, WASM et d’autres technologies Web modernes pour fournir les capacités suivantes Buts:
- Fournir une API simpliste et propre.
- Fournir un système de composants enfichables et extensibles.
- Prendre en charge et étendre le HTML standard pour lire des composants personnalisés avisés et fiables afin d’atteindre la mission “Programmation pour les 99 %”.
Au cours des deux dernières décennies, Python et les langages d’interface utilisateur avancés tels que HTML, CSS et JavaScript modernes n’ont pas fonctionné en collaboration. Python manquait d’un mécanisme simple pour créer des interfaces utilisateur attrayantes pour simplement empaqueter et déployer des applications, tandis que HTML, CSS et JavaScript actuels peuvent avoir une courbe d’apprentissage abrupte. Permettre à Python d’utiliser les conventions HTML, CSS et JavaScript résout non seulement ces deux problèmes, mais aussi celles liées au développement, à l’empaquetage, à la distribution et au déploiement d’applications Web.
PyScript n’est pas destiné à jouer le rôle de JavaScript dans le navigateur, mais il est plutôt destiné à donner aux développeurs Python, en particulier aux scientifiques des données, plus de flexibilité et de puissance.
PyScript vous offre un langage de programmation avec des conventions de style cohérentes, plus d’expressivité et une facilité d’apprentissage en fournissant les éléments suivants :
- Prise en charge sur le navigateur : PyScript permet la prise en charge de Python et de l’hébergement sans avoir besoin de serveurs ou de configuration.
- Interopérabilité : Les programmes peuvent communiquer de manière bidirectionnelle entre les objets et les espaces de noms Python et JavaScript.
- Accompagnement écosystémique : PyScript permet l’utilisation de packages Python populaires tels que Pandas, NumPy et bien d’autres.
- Flexibilité du cadre : PyScript est un framework flexible sur lequel les développeurs peuvent s’appuyer pour créer facilement des composants extensibles directement dans Python.
- Gestion de l’environnement : PyScript permet aux développeurs de définir les fichiers et packages à inclure dans le code de leur page à exécuter.
- Développement de l’interface utilisateur : Avec PyScript, les développeurs peuvent facilement créer avec les composants d’interface utilisateur disponibles tels que les boutons et les conteneurs, et bien d’autres.
Étape 1: Créez un fichier .html comme indiqué ci-dessous
Title: PyScript with HTML Pyscript in Html
Étape 2: Lien CDN PyScript
Après avoir créé le fichier HTML, nous devrons lier PyScript dans votre fichier HTML pour avoir accès à l’interface PyScript. Celle-ci sera placée dans le étiquette.
Le code complet du fichier HTML est ci-dessous :
Title: PyScript with HTML Pyscript in Html
print("PyScript in Browser!!!!!")
Enfin, ouvrez le fichier dans votre navigateur !!!! et vous verrez la magie.
2. Appel de fonctions Python personnalisées en HTML.
L’une des fonctions fournies par PyScript est la flexibilité. Dans PyScript, vous pouvez importer des fichiers locaux, des modules intégrés ou des bibliothèques tierces. Ce procédé utilise le
Pour les fichiers Python locaux sur votre système, vous pouvez placer le code dans un .py fichier et les chemins d’accès aux modules locaux sont fournis dans les chemins : clé dans le
Créons un fichier Python examplefunction.py pour contenir certaines fonctions :
from random import randintdef add_two_numbers(x, y):
return x + y
def generate_random_number():
x = randint(0, 10)
return x
Ensuite, le fichier Python sera importé dans le HTML avec le balise, au-dessus de la étiquette.
Title: Using custom code href="https://pyscript.net/alpha/pyscript.css" />
- paths:
- /examplefunction.py
from examplefunction import generate_random_number pyscript.write('lucky', generate_random_number())Addition of two number 5 and 6 is :
print(add_two_numbers(5,6))
Enfin, ouvrez le fichier dans votre navigateur !!!! et vous verrez la magie.
3. Importation de modules Python en HTML.
L’une des fonctions fournies par PyScript est la flexibilité. Dans PyScript, vous pouvez importer une bibliothèque Python, des modules intégrés ou des bibliothèques tierces. Ce procédé utilise le
Pour la bibliothèque de Python, vous pouvez placer le code dans une clé dans le balise, au-dessus de la étiquette.
Title: Using custom code href="https://pyscript.net/alpha/pyscript.css" />
- numpy
- requests
- humanize
import numpy as np
import requests
from datetime import datetime
import humanizenow_int = int(datetime.timestamp(datetime.now()))
now_fmt = humanize.intcomma(now_int)
print("It has been", now_fmt, "seconds since the epoch.")
Enfin, ouvrez le fichier dans votre navigateur !!!! et vous verrez la magie. timedate du système dans le navigateur de PyScript.
4. La balise REPL.
Les utilisateurs de Python doivent être familiarisés avec Jupyter Notebook, l’environnement de codage en direct dans le navigateur pour Python généralement utilisé pour les mathématiques et les statistiques. PyScript offre un bloc de construction primitif pour un tel environnement, le py-repl étiquette.
py-repl génère un champ de saisie sur une page Web qui fonctionne comme une version très basique d’un environnement Jupyter Notebook. Voici un exemple tiré des propres démos d’Anaconda :
Title: Using custom code href="https://pyscript.net/alpha/pyscript.css" /><py-repl id="my-repl" auto-generate="true"> py-repl>
Exécutez ce code et vous serez présenté avec un champ de saisie, qui fonctionne comme le Python REPL.
Actuellement, la balise REPL a très peu de personnalisation documentée. Par exemple, si vous souhaitez accéder par programme au contenu d’une cellule ou à ses résultats, il n’y a pas de documentation claire sur la façon de procéder.
Dans cet article, vous avez appris ce qu’est PyScript et comment l’utiliser dans des fichiers HTML pour exécuter du code Python sur le navigateur. Vous avez également découvert les différentes opérations/fonctionnalités que vous pouvez effectuer avec PyScript.
Avec PyScript, il est plus facile d’exécuter et d’effectuer des opérations Python sur le Web, car ce n’était pas facile auparavant. C’est un excellent outil pour tous ceux qui souhaitent utiliser Python sur le Web.
PyScript en est encore à ses débuts et en plein développement. Il est encore dans sa phase alpha et fait face à des problèmes connus comme le temps de chargement qui peut affecter la convivialité (certaines autres opérations ne peuvent pas être affichées au moment de la rédaction de cet article en raison de problèmes de performances). Vous ne devriez donc pas encore l’utiliser en production car il y aura probablement beaucoup de changements avec rupture.
Comme nous le disons « la voiture est inutile si elle n’a pas un bon moteur », de même, l’étudiant est inutile sans une orientation et une motivation appropriées. Je voudrais remercier mon Guru ainsi que mon Idol “Dr. P. Supraja” et “A. Helen Victoria »- m’a guidé tout au long du voyage, du fond du cœur. En tant que gourou, elle a éclairé le meilleur chemin disponible pour moi, m’a motivé chaque fois que j’ai rencontré un échec ou un obstacle – sans son soutien et sa motivation, c’était une tâche impossible pour moi.
Le site officiel de PyScript.
Blog Anaconda.
Code source Python.
Guide de démarrage avec PyScript.
si vous avez des questions, n’hésitez pas à me contacter avec l’une des options mentionnées ci-dessous :
Youtube: Link
Site Internet: www.rstiwari.com
Moyen: https://tiwari11-rst.medium.com
Pages Github : https://happyman11.github.io/
Des articles: https://laptrinhx.com/author/ravi-shekhar-tiwari/
Formulaire Google : https://forms.gle/mhDYQKQJKtAKP78V7