PyScript è un framework, creato con Pyodide, che consente di eseguire codice Python in un browser. È ancora agli inizi, ma il team di sviluppo ha recentemente rilasciato una versione beta.

Utilizzando lo strumento, gli sviluppatori possono scrivere Python direttamente all'interno di HTML, senza la necessità di un server back-end come Flask o Django.

Sebbene sia ancora in versione beta, PyScript include già alcune funzionalità impressionanti che vale la pena provare.

1. Facile da configurare

Iniziare con PyScript è facile come collegarsi alla sua CDN nella tua testata HTML. Puoi anche scaricare il suo codice sorgente e ospitare i file del progetto sul tuo sito. Sebbene quest'ultima opzione abbia alcuni piccoli vantaggi, il collegamento alla CDN è più semplice.

Per iniziare a utilizzare PyScript, puoi includere i suoi file JavaScript e CSS in questo modo:

<testa>
<collegamento rel="foglio di stile" href="https://pyscript.net/alpha/pyscript.css" />
<script differire src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
instagram viewer

2. Scrivi Python direttamente all'interno di HTML

Il tuo codice Python si trova all'interno di un custom py-script tag all'interno del corpo di un documento. Il file JavaScript PyScript interpreterà quindi il suo contenuto usando Python. È possibile specificare un elemento HTML, come un div, in cui PyScript scrive l'output.

Ecco un esempio di layout:

<corpo>
<ID div="python-container"></div>
<py-script output="python-container">
Stampa("Ciao mondo")
</py-script>
</body>

Ricorda che l'indentazione è significativa nel tuo codice Python. Dovrai fare attenzione a indentare correttamente per evitare un Python IndentationError.

3. Importa e isola i moduli standard Python

Un'altra caratteristica unica di PyScript è che ti consente di separare le dipendenze dal grosso. Ciò significa che elencherai una dipendenza nella tua testata HTML prima di poterla importare. Tutte le dipendenze si trovano all'interno di a py-env tag all'interno della sezione head HTML:

<!DOCTYPE html>
<html>
<testa>
<collegamento rel="foglio di stile" href="https://pyscript.net/alpha/pyscript.css" />
<script differire src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- insensibile
- panda
- openpyxl
- matplotlib
</py-env>
</head>
<corpo>
<py-script>
importare panda
</py-script>
</body>
</html>

4. Importa e usa i tuoi moduli e file locali

Non è necessario scrivere tutto il codice Python direttamente all'interno dei file HTML quando si utilizza PyScript. Puoi scrivere funzioni o moduli Python personalizzati all'interno di file separati, elencali nel file py-env tag e importali. Ciò semplifica la scrittura di codice più pulito e leggibile.

Tuttavia, dovrai puntare il py-env tag ai percorsi dei moduli locali. Allo stesso modo, elencherai tutti i file locali che desideri utilizzare nel tuo codice Python. Ad esempio, se stai leggendo un file Excel con Pandas, dovrai specificarne il percorso:

<py-env>
- insensibile
# I moduli e i file locali vanno qui:
- percorsi:
- /py.principale
- /percorso_del_file_excel.xlsx
</py-env>

5. Rendering di visualizzazioni direttamente sul DOM

La condivisione di visualizzazioni e dashboard può essere un compito complicato. PyScript ti consente di visualizzare gli storyboard e le visualizzazioni Python direttamente all'interno del browser senza utilizzare soluzioni basate su server. Puoi persino scrivere un foglio Excel nel DOM come HTML.

Ad esempio, con le dipendenze richieste in a Ambiente virtuale Python puoi tracciare i dati da un file Excel:

<!DOCTYPE html>
<html>
<testa>
<collegamento rel="foglio di stile" href="https://pyscript.net/alpha/pyscript.css" />
<script differire src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- panda
- matplotlib
# I moduli e i file locali vanno qui:
- percorsi:
- /percorso_del_file_excel.xlsx
</py-env>
</head>
<corpo>
<ID div="python-container"></div>
<py-script output="python-container">
importare panda come pd
importare matplotlib.pyplot come plt
df = pd.read_excel("excel_nome_file.xlsx")
x = df["Mesi"]
y = df["tasso di crescita"]
fig, ax = plt.subplots()
ascia.complotto(X, y)
Figura
</py-script>
</body>
</html>

Puoi trovare maggiori informazioni su PyScript tramite il suo LEGGIMI su Github o il Sito ufficiale di PyScript.

PyScript dà una spinta a Python

Uno dei difetti di Python è la sua incapacità di lavorare direttamente all'interno del DOM. E questo è uno dei motivi per cui JavaScript è all'avanguardia per lo sviluppo web. L'introduzione di PyScript potrebbe cambiarlo se può raggiungere il livello di funzionalità di JavaScript. Tuttavia, PyScript è uno strumento utile, poiché ti aiuterà a ospitare e condividere facilmente i tuoi progetti Python. Tuttavia, tieni presente che alcune funzionalità potrebbero non funzionare, poiché PyScript è ancora un framework sperimentale.

Cosa aspettarsi dalla prossima versione di Python 3.11

Leggi Avanti

CondividereTwittaCondividereE-mail

Argomenti correlati

  • Programmazione
  • Pitone
  • Sviluppo web
  • HTML

Circa l'autore

Idowu Omisola (147 articoli pubblicati)

Idowu è appassionato di qualsiasi tecnologia e produttività intelligenti. Nel tempo libero, gioca con la programmazione e passa alla scacchiera quando è annoiato, ma ama anche staccare dalla routine di tanto in tanto. La sua passione per mostrare alle persone la via della tecnologia moderna lo motiva a scrivere di più.

Altro da Idowu Omisola

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti