PyScript: Run Python On HTML

Baru-baru ini saya menemukan suatu project yang menarik di github, sepertinya ini akan menjadi bahasa pemerograman baru di masa yang akan datang. Bagaimana tidak? sekerang teknologi sudah semakin maju dan berkembang seiring berjalannya waktu.

Apa itu PyScript

PyScript adalah proyek meta yang bertujuan untuk menggabungkan beberapa teknologi terbuka ke dalam kerangka kerja yang memungkinkan pengguna untuk membuat aplikasi browser yang canggih dengan Python. Ini terintegrasi secara mulus dengan cara kerja DOM di browser dan memungkinkan pengguna untuk menambahkan logika Python dengan cara yang terasa alami baik bagi pengembang web dan Python.

Harap diperhatikan bahwa PyScript sangat alfa dan dalam pengembangan yang berat. Ada banyak masalah yang diketahui, mulai dari kegunaan hingga waktu pemuatan, dan Anda harus mengharapkan hal-hal sering berubah. Kami mendorong orang untuk bermain dan menjelajah dengan PyScript, tetapi saat ini kami tidak menyarankan menggunakannya untuk produksi.

Coba PyScript

Untuk mencoba PyScript, impor file pyscript yang sesuai ke halaman html Anda dengan:

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

Anda kemudian dapat menggunakan komponen PyScript di halaman html Anda. PyScript saat ini mengimplementasikan elemen-elemen berikut:

  • <py-script>: dapat digunakan untuk mendefinisikan kode python yang dapat dieksekusi di dalam halaman web. Elemen itu sendiri tidak dirender ke halaman dan hanya digunakan untuk menambahkan logika.
  • <py-repl>: membuat komponen REPL yang dirender ke halaman sebagai editor kode dan memungkinkan pengguna untuk menulis kode yang dapat dieksekusi.

Lihat folder direktori contoh untuk contoh lebih lanjut tentang cara menggunakannya, yang perlu Anda lakukan hanyalah membukanya di Chrome.

Memulai PyScript

Menggunakan editor favorit Anda, buat file baru dengan nama hello.html dan isi file dengan code HTML di bawah ini.

<html>
  <head>
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>
  <body> <py-script> print('Hello, World!') </py-script> </body>
</html>

Kemudian buka file di browser favorit, dan lihatlah betapa kerennya project yang satu ini. Meskipun saat ini tidak begitu sempurna karna loading yang cukup lama. Untuk mempelajari lebih lanjut lagi silahkan kunjungi beberapa referensi link di bawah ini.

Reference: