PyScript adalah kerangka kerja, dibangun dengan Pyodide, memungkinkan Anda untuk menjalankan kode Python di browser. Ini masih dalam masa pertumbuhan, tetapi tim pengembang baru-baru ini merilis versi beta.
Dengan menggunakan alat ini, pengembang dapat menulis Python langsung di dalam HTML, tanpa memerlukan backend server seperti Flask atau Django.
Meskipun masih dalam versi beta, PyScript sudah hadir dengan beberapa fitur mengesankan yang layak untuk dicoba.
1. Mudah diatur
Memulai PyScript semudah menautkan ke CDN-nya di kepala HTML Anda. Anda juga dapat mengunduh kode sumbernya dan meng-host file proyek di situs Anda sendiri. Meskipun opsi terakhir memiliki beberapa manfaat kecil, menautkan ke CDN lebih mudah.
Untuk mulai menggunakan PyScript, Anda dapat menyertakan file JavaScript dan CSS-nya seperti:
<kepala>
<link rel="lembar gaya" href="https://pyscript.net/alpha/pyscript.css" />
<skrip penangguhan src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
2. Tulis Python Langsung Di Dalam HTML
Kode Python Anda berada di dalam custom py-script tag di dalam tubuh dokumen. File JavaScript PyScript kemudian akan menginterpretasikan isinya menggunakan Python. Anda dapat menentukan elemen HTML, seperti div, untuk PyScript untuk menulis output.
Berikut contoh tata letak:
<tubuh>
<id div ="python-wadah"></div>
<keluaran skrip py="python-wadah">
mencetak("Halo Dunia")
</py-script>
</body>
Ingat bahwa lekukan penting dalam kode Python Anda. Anda harus berhati-hati untuk membuat indentasi dengan benar untuk menghindari sebuah Python IndentationError.
3. Impor dan Isolasi Modul Standar Python
Fitur unik lain dari PyScript adalah memungkinkan Anda memisahkan dependensi dari massal. Ini berarti Anda akan mencantumkan ketergantungan di kepala HTML Anda sebelum Anda dapat mengimpornya. Semua dependensi duduk di dalam a py-env tag di dalam bagian kepala HTML:
<!DOCTYPE html>
<html>
<kepala>
<link rel="lembar gaya" href="https://pyscript.net/alpha/pyscript.css" />
<skrip penangguhan src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- numpy
- panda
- openpyxl
- matplotlib
</py-env>
</head>
<tubuh>
<py-script>
impor panda
</py-script>
</body>
</html>
4. Impor dan Gunakan Modul dan File Lokal Anda Sendiri
Anda tidak perlu menulis semua kode Python langsung di dalam file HTML saat menggunakan PyScript. Anda dapat menulis fungsi atau modul Python khusus di dalam file terpisah, daftarkan di py-env tag, dan impor. Ini memudahkan penulisan kode yang lebih bersih dan mudah dibaca.
Namun, Anda harus menunjukkan py-env tag ke jalur modul lokal Anda. Demikian pula, Anda akan mencantumkan setiap file lokal yang ingin Anda gunakan dalam kode Python Anda. Misalnya, jika Anda membaca file Excel dengan Pandas, Anda harus menentukan jalurnya:
<py-env>
- numpy
# Modul dan file lokal ada di sini:
- jalur:
- /main.py
- /path_to_excel_file.xlsx
</py-env>5. Render Visualisasi Langsung ke DOM
Berbagi visualisasi dan dasbor bisa menjadi tugas yang rumit. PyScript memungkinkan Anda menampilkan storyboard dan visualisasi Python langsung di dalam browser tanpa menggunakan solusi berbasis server. Anda bahkan dapat menulis lembar Excel ke DOM sebagai HTML.
Misalnya, dengan dependensi yang diperlukan dalam a Lingkungan virtual python Anda dapat memplot data dari file Excel:
<!DOCTYPE html>
<html>
<kepala>
<link rel="lembar gaya" href="https://pyscript.net/alpha/pyscript.css" />
<skrip penangguhan src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- panda
- matplotlib
# Modul dan file lokal ada di sini:
- jalur:
- /path_to_excel_file.xlsx
</py-env>
</head>
<tubuh>
<id div ="python-wadah"></div>
<keluaran skrip py="python-wadah">
impor panda sebagai pd
impor matplotlib.pyplot sebagai plt
df = pd.read_excel("excel_file_name.xlsx")
x = df["Bulan"]
y = df["tingkat pertumbuhan"]
ara, kapak = plt.subplots()
kapak.merencanakan(x, kamu)
ara
</py-script>
</body>
</html>
Anda dapat menemukan informasi lebih lanjut tentang PyScript melalui README di Github atau Situs web resmi PyScript.
PyScript Memberi Python Peningkatan
Salah satu kekurangan Python adalah ketidakmampuannya untuk bekerja secara langsung di dalam DOM. Dan ini adalah salah satu alasan JavaScript tetap terdepan untuk pengembangan web. Pengenalan PyScript mungkin mengubah ini jika dapat mencapai tingkat fungsionalitas JavaScript. Meskipun demikian, PyScript adalah alat yang berguna, karena akan membantu Anda menghosting dan membagikan proyek Python Anda dengan mudah. Namun, perlu diingat bahwa beberapa fitur mungkin rusak, karena PyScript masih merupakan kerangka kerja eksperimental.
Apa yang Diharapkan dalam Rilis Python 3.11 Mendatang
Baca Selanjutnya
Topik-topik yang berkaitan
- Pemrograman
- Python
- Pengembangan web
- HTML
Tentang Penulis
Idowu sangat menyukai teknologi dan produktivitas yang cerdas. Di waktu luangnya, dia bermain-main dengan coding dan beralih ke papan catur ketika dia bosan, tetapi dia juga suka melepaskan diri dari rutinitas sesekali. Semangatnya untuk menunjukkan kepada orang-orang tentang teknologi modern memotivasinya untuk menulis lebih banyak.
Berlangganan newsletter kami
Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!
Klik di sini untuk berlangganan
