Fer que els scripts Python funcionin en un navegador web implica gestionar les funcions de l’aplicació web dins d’una pàgina web mitjançant el llenguatge de programació Python.
Com que JavaScript és el llenguatge de programació principal per fer funcionar un navegador web i una pàgina web interactiva, Python s’utilitza normalment per a la ciència de dades, aprenentatge automàtici intel · ligència artificial.
Fins i tot si tenim infraestructures de fons com Django i Flask, o generadors de llocs estàtics com Jekyll, Python sol estar darrere de JavaScript per al desenvolupament web.
Però gràcies a les últimes millores, el futur de JavaScript està obert a la discussió. “PyScript” permet que els scripts de Python funcionin fàcilment dins dels components web.
Segons PyScript.net:
“PyScript és un marc que permet als usuaris crear aplicacions Python riques al navegador mitjançant la interfície d’HTML i el poder de Pyodide, WASM, i les modernes tecnologies web. El marc PyScript ofereix als usuaris de tots els nivells d’experiència accés a un llenguatge de programació expressiu i fàcil d’aprendre amb innombrables aplicacions.
En aquesta columna, aprendreu què és PyScript, veureu un exemple, aprendreu sobre alternatives i també trobareu com crear una aplicació web personalitzada amb Python i PyScript.
Què és la migració de JavaScript a Python?
Python és un llenguatge de programació llegible pels humans.
Per tant, hi ha molts llenguatges de programa intermediari Python per ajudar JavaScript i els mòduls i paquets Java s’estan utilitzant a l’entorn Python.
Per exemple, “TensorFlow” és principalment un paquet JS, o Plotly i Selenium.
Fins i tot hi ha paquets especials per fer que el codi JavaScript es converteixi en codi Python, com ara Js2Py.
Per què és important entendre JavaScript darrere de Python?
Perquè utilitzar scripts Python dins del navegador web no vol dir que l’era de JavaScript s’acabi per al desenvolupament web.
JavaScript encara funciona darrere dels scripts de Python al navegador web.
Què és PyScript i com es pot utilitzar per crear aplicacions web?
PyScript és un marc per fer que els navegadors web utilitzin scripts Python.
PyScript converteix els blocs de codi Python en equivalents de Javascript entre bastidors.
Per utilitzar PyScript dins d’un navegador web, seguiu aquests passos.
Utilitzeu el full d’estil i JavaScript a l’àrea
del fitxer HTML.<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /> <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
- Utilitzeu el codi Python dins del component web “
”. - Fixeu-vos en el sagnat.
- No formateu el codi Python dins del component web “
”. - Utilitzeu les dreceres i els arguments de PyScript per importar mòduls i paquets de Python.
- Utilitzeu les classes i identificadors CSS per inserir els resultats a la div. específica dels documents HTML.
Un exemple d’execució d’un script Python dins del navegador web
A continuació es mostra un exemple d’execució d’un script Python al navegador.
<html> <head> <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /> <script defer src="https://pyscript.net/alpha/pyscript.js"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous"> <py-env> - numpy - matplotlib </py-env> </head>
L’àrea
del fitxer HTML representa els recursos més importants.Hem utilitzat “pyscript.css” i “pyscript.js”.
També hem utilitzat el component web “
En aquest exemple, hem importat “numpy” i “matplotlib”.
A la secció “
“, utilitzarem aquests mòduls per crear un Python Line Plot dins d’un navegador web.<body> <h1>Let's plot random numbers</h1> <div id="plot"></div> <py-script output="plot">
Al principi del
, vam utilitzar un “div” amb l’identificador “plot”.És necessari per fer la inserció de sortida de l’script Python.
El “
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>
L’script de Python anterior és un script de traçat de línies simple. I podeu veure el resultat a continuació.
Captura de pantalla de l’autor, juny de 2022
L’exemple anterior mostra com crear un traçat de línies amb l’ajuda de PyScript.
Com veure la sortida del terminal del PyScript
Per a cada script de Python, sempre hi ha un terminal que funciona i envia els missatges del procés de càlcul.
Captura de pantalla de l’autor, juny de 2022
El desenvolupador hauria de llegir i seguir la consola del navegador per veure com funciona PyScript i què passa darrere de les escenes.
Per exemple, la captura de pantalla anterior mostra el procés en execució de l’script de Python que hem creat.
Explica com es carreguen el “numpy” o “matplotlib” i les seves dependències i quin recurs l’utilitza.
Com crear una aplicació web personalitzada amb Python i PyScript?
Per crear una aplicació web personalitzada amb Python i PyScript, seguiu aquests passos:
- Importeu els fitxers JS i CSS necessaris des de PyScript.
- Creeu un document HTML amb la sintaxi d’etiquetes HTML adequada.
- Utilitzeu l’etiqueta HTML “py-script” amb l’atribut “output”.
- Utilitzeu un Div HTML amb un ID específic per coincidir amb el valor de l’atribut “sortida”.
- Utilitzeu “py-env” per a les biblioteques no integrades de Python.
- Inseriu Python Script dins de l’etiqueta “py-script” sense error de sintaxi i sagnat.
- Utilitzeu “retorn” en una funció de Python o “imprimir” per finalitzar el vostre script.
- Actualitzeu la pàgina web per veure els resultats.
A continuació es mostra un exemple d’aplicació web de Python personalitzada per a la “generació de contrasenyes aleatòries” segons la longitud de contrasenya especificada.
Captura de pantalla de l’autor, juny de 2022
La captura de pantalla anterior mostra un exemple de PyScript en un document HTML per generar contrasenyes personalitzades.
L’script de Python que vaig utilitzar es mostra a continuació.
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()I la versió en directe de l’aplicació web Python personalitzada és aquí.
Només cal escriure un valor numèric a l’àrea d’entrada.
Captura de pantalla de l’autor, juny de 2022
A més, us donarà una contrasenya senzilla de 45 caràcters.
Captura de pantalla de l’autor, juny de 2022
Podeu utilitzar aquesta tecnologia per a alguns dels meus altres articles SEJ auditoria de mapes del lloco visualització de temes candents de llocs web de notícies.
O, en el futur, podem demostrar aplicacions web més sofisticades mitjançant PyScript.
Quins són els desavantatges de PyScript?
El principal desavantatge de PyScript és la manca de suport.
PyScript s’anuncia durant Pycon 2022 als desenvolupadors de Python.
Va ser un esdeveniment gran i emocionant, però les expectatives de la comunitat eren més altes que l’estat actual de PyScript.
A causa del dèbil suport de la comunitat, el desenvolupament de PyScript pot ser més lent en el futur, però quan pensem en el viatge de Python, no és d’estranyar.
Python no va ser tan popular fins als últims cinc anys, perquè no es coneixia.
Captura de pantalla de l’autor, juny de 2022
A dalt, podeu veure com Python va suprimir la demanda de cerca de JavaScript en general.
La raó principal del creixement de la popularitat de Python és la biblioteca “pandes”.
Per això, ML i Data Science són els focus principals de Python, però no ha de continuar així.
Per tant, PyScript s’hauria de tenir molt en compte per al futur del desenvolupament web.
Captura de pantalla de l’autor, juny de 2022
Quines són les alternatives a PyScript?
Les alternatives a PyScript no són equivalents a PyScript, ja que s’executa directament al navegador, però tot i així, hi ha diferents mètodes per utilitzar scripts Python dins d’un lloc web indirectament.
Aquests inclouen “brython”, “pyodide”, “Appwrite”, “django-readers”, “appdeamon”.
Algunes alternatives a PyScript són per a Firebase com Appwrite i altres treballs per al desenvolupament web com Brython.
Brython és més antic que Pyscript i se centra a fer de Python el llenguatge principal per al desenvolupament web amb el tipus de fitxer “text/python” en comptes de “text/javascript”.
PyScript i Brython poden afectar els motors de cerca i el SEO?
Sí, en el futur, PyScript i Brython poden augmentar el seu efecte en la indústria del desenvolupament web.
Les tecnologies i les indústries de desenvolupament web canviants afecten els rastrejadors i els protocols dels motors de cerca.
Si un motor de cerca comença a veure fitxers “text/python” o scripts “.py” al codi font HTML, hauria de poder fer que funcioni per veure la pàgina web tal com és.
De moment, PyScript funciona mitjançant JavaScript, i Brython ja està al començament del seu viatge malgrat que és més gran.
Altres alternatives de PyScript funcionen mitjançant Node.js, com ara les biblioteques de programació de fons, o Firebase com els sistemes basats en núvol.
Per tant, en el futur, Google, com a motor de cerca molt codificat en Python, podria necessitar renderitzar fitxers Python per rastrejar i representar pàgines web.
Conclusió per a Python com a scripts web
Per a les persones que estimen la codificació, no importa si utilitzeu Python o JavaScript per a una tasca determinada.
Però, Python és el llenguatge de programació més fàcil d’aprendre com a llegible per l’home, ofereix més funcionalitat amb menys caràcters.
La majoria dels científics de dades i els enginyers de ML (aprenentatge automàtic) coneixen Python d’una bona manera, i transferir els seus talents al desenvolupament web seria semblant a la unificació de dos universos diferents.
Més recursos:
Imatge destacada: TippaPatt/Shutterstock
