Running Python di browser? Bisa dengan PyScript

unnamed48 May 05, 2022

    Dalam konferensi PyCon US 2022, CEO Anaconda Peter Wang mempublikasikan project mereka yang bernama PyScript. Dengan PyScript, para developer atau data scientist dapat menjalankan program berbahasa python pada HTML. Keren ga tuh? Hahahaha.

Apa itu PyScript?


Sumber: https://anaconda.cloud/

    PyScript sendiri bisa dibilang merupakan sebuah framework yang memungkinkan penulisan kode berbahasa Python pada HTML. Jadi si PyScript ini runningnya dibantu oleh javascript dan Pyodide. Terus kelebihannnya apa sih? Kalo bicara soal kelebihan, kita tau bahwa Python sendiri merupakan bahasa yang super duper simple penulisannya, belum lagi library nya bertebaran. Bayangin aja kalian bisa menggunakan library Python yang terkenal keren-keren itu untuk membuat program berbasis web, asik kan!! Tapi si PyScript layaknya disebut framework javascript atau python yaa??

Cara Menggunakan PyScript

  • <py-env>, di dalam tag ini kalian bisa memasukkan library yang ingin kalian gunakan, seperti numpy, pandas, skcit-learn, dll.
  • <py-script>, nah di dalam tag ini kalian bisa menulis baris kode Python.
  • <py-repl>, dengan tag ini kalian akan diberikan inputan layaknya notebook yang bisa menjalankan kode kalian pada setiap baris inputan.

Contoh program

Step 1

Import dulu file PyScript di bawah ini di file HTML kalian pada tag HEAD.

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

<py-env>

Bagi kalian yang ingin menggunakan library diluar bawaan python, define dulu library/ module yang kalian ingin gunakan pada tag ini.

<html>
    <head>
        <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
        <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    </head>
    <py-env>
        - numpy
    </py-env>
    <body>
        <div>
            <py-script>
import numpy as np
arr = np.array([1, 2, 3, 4, 5])
print(arr)
            </py-script>
        </div>
    </body>
</html>

Output:
[1 2 3 4 5]

<py-script>

Seperti pada kode di atas, tag ini bisa kalian isi kode program python yang ingin kalian pakai. Jika kalian ingin menggunakan library bawaan python, ga perlu di define lagi pada <py-env> ya. Bisa langsung aja seperti dibawah.

<html>
    <head>
        <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
        <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
    </head>
    <body style="align-items: center;">
        <div>
            <py-script>
import random

print(random.randint(3, 9))
            </py-script>
        </div>
    </body>
</html>

Ouput:

4

<py-repl>

Bagi kalian yang ingin menjalankan Python dengan ala ala notebook gitu bisa pakai tag 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 style="align-items: center;">
        <div>
            <py-repl id="my-repl" auto-generate="true"> </py-repl>
        </div>
    </body>
</html>

Ouput:


Oke, mungkin itu aja tulisan dari saya. Kalau tulisannya kurang, mohon dimaklumi. Udah lama ga nulis soalnya hahahah.

Saya Gupy Wantoro undur diri, see yaa.




Tags
unnamed48

Posted by unnamed48

Post a Comment

0 Comments