Membuat Skrip Python Bekerja Di Browser Untuk Pembuatan Aplikasi Web

Membuat Skrip Python Bekerja Di Browser Untuk Pembuatan Aplikasi Web

Membuat Skrip Python berfungsi di browser web melibatkan penanganan fungsi aplikasi web di dalam halaman web melalui Bahasa Pemrograman Python.

Karena JavaScript adalah bahasa pemrograman utama untuk membuat browser web berfungsi, dan halaman web interaktif, Python biasanya digunakan untuk ilmu data, pembelajaran mesin, dan kecerdasan buatan.

Bahkan jika kita memiliki infrastruktur back-end seperti Django, dan Flask, atau generator situs statis seperti Jekyll, Python biasanya berada di belakang JavaScript untuk pengembangan web.

Namun berkat peningkatan terbaru, masa depan JavaScript terbuka untuk didiskusikan. “PyScript” memungkinkan Skrip Python untuk bekerja dengan mudah di dalam komponen web.

Berdasarkan PyScript.net:

“PyScript adalah kerangka kerja yang memungkinkan pengguna untuk membuat aplikasi Python yang kaya di browser menggunakan antarmuka HTML dan kekuatan piodida, WASM, dan teknologi web modern. Kerangka kerja PyScript memberi pengguna di setiap tingkat pengalaman akses ke bahasa pemrograman yang ekspresif dan mudah dipelajari dengan aplikasi yang tak terhitung jumlahnya.

Di kolom ini, Anda akan mempelajari apa itu PyScript, melihat contoh, mempelajari alternatif, dan juga menemukan cara membuat aplikasi web khusus dengan Python dan PyScript.

Apa Itu Migrasi JavaScript Ke Python?

Python adalah bahasa pemrograman yang dapat dibaca manusia.

Jadi, ada banyak bahasa program perantara Python untuk membantu modul dan paket JavaScript dan Java digunakan di lingkungan Python.

Misalnya, “TensorFlow” terutama merupakan Paket JS, atau Plotly dan Selenium.

Bahkan ada paket khusus untuk mengubah kode JavaScript menjadi kode Python, seperti Js2Py.

Mengapa memahami JavaScript di balik Python penting?

Karena menggunakan Script Python di dalam browser web tidak berarti bahwa usia JavaScript berakhir untuk pengembangan web.

JavaScript masih berfungsi di belakang Skrip Python di browser web.

Apa Itu PyScript & Bagaimana Cara Menggunakannya Untuk Membuat Aplikasi Web?

PyScript adalah framework untuk membuat web browser menggunakan Python Scripts.

PyScript mengubah blok kode Python menjadi padanan Javascript di belakang layar.

Untuk menggunakan PyScript di dalam browser web, ikuti langkah-langkah ini.

Gunakan stylesheet dan JavaScript di area File HTML.

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

<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  • Gunakan Kode Python di dalam komponen web “”.
  • Perhatikan lekukan.
  • Jangan memformat kode Python di dalam komponen web “”.
  • Gunakan pintasan dan argumen PyScript untuk mengimpor modul dan paket Python.
  • Gunakan Kelas dan ID CSS untuk memasukkan hasilnya ke Div khusus Dokumen HTML.

Contoh Menjalankan Skrip Python Di Dalam Peramban Web

Contoh menjalankan skrip Python di browser ada 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>
     <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>

Area dari File HTML mewakili sumber daya yang paling penting.

Kami menggunakan “pyscript.css” dan “pyscript.js.”

Kami juga menggunakan komponen web “” untuk membuat modul Python diimpor.

Dalam contoh ini, kami telah mengimpor “numpy” dan “matplotlib.”

Di bagian “”, kita akan menggunakan modul ini untuk membuat Plot Garis Python di dalam browser web.

<body>
     <h1>Let's plot random numbers</h1>
     <div id="plot"></div>
     <py-script output="plot">

Di awal , kami menggunakan “div” dengan ID “plot”.

Hal ini diperlukan untuk membuat penyisipan output skrip Python.

” diperlukan untuk mencocokkan nilai ID Div HTML tertentu.

 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>

Script Python di atas adalah skrip plot garis sederhana. Dan Anda bisa melihat hasilnya di bawah ini.

Aplikasi PyscriptTangkapan layar oleh penulis, Juni 2022

Contoh di atas menunjukkan cara membuat plot garis dengan bantuan PyScript.

Cara Melihat Output Terminal PyScript

Untuk setiap Python Script, selalu ada terminal yang berfungsi dan mengeluarkan pesan dari proses komputasi.

Konsol PyscriptTangkapan layar oleh penulis, Juni 2022

Konsol browser harus dibaca dan diikuti oleh pengembang untuk melihat cara kerja PyScript dan apa yang terjadi di balik layar.

Sebagai contoh screenshot di atas menunjukkan proses running dari script Python yang telah kita buat.

Ini menjelaskan bagaimana “numpy”, atau “matplotlib” dan dependensinya dimuat, dan digunakan oleh sumber daya mana.

Bagaimana Cara Membuat Aplikasi Web Khusus Dengan Python Dan PyScript?

Untuk membuat Aplikasi Web khusus dengan Python dan PyScript, ikuti langkah-langkah berikut:

  • Impor file JS dan CSS yang diperlukan dari PyScript.
  • Buat Dokumen HTML dengan sintaks Tag HTML yang tepat.
  • Gunakan tag HTML “py-script” dengan atribut “output”.
  • Gunakan Div HTML dengan ID tertentu untuk mencocokkan nilai atribut “output”.
  • Gunakan “py-env” untuk pustaka non-built-in Python.
  • Masukkan Python Script di dalam tag “py-script” tanpa sintaks dan kesalahan indentasi.
  • Gunakan “kembali” dalam fungsi Python, atau “cetak” untuk mengakhiri skrip Anda.
  • Refresh halaman web untuk melihat hasilnya.

Contoh Aplikasi Web Python Kustom untuk “pembuatan kata sandi acak” berdasarkan panjang kata sandi yang diberikan di bawah ini.

Pembuatan Aplikasi Web PythonTangkapan layar oleh penulis, Juni 2022

Tangkapan layar di atas menunjukkan contoh PyScript dalam Dokumen HTML untuk menghasilkan kata sandi khusus.

Script Python yang saya gunakan ada di bawah ini.

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()

Dan, versi langsung dari Aplikasi Web Python khusus di sini.

Cukup tulis nilai numerik ke dalam area input.

Area MasukanTangkapan layar oleh penulis, Juni 2022

Dan, itu akan memberi Anda kata sandi 45 karakter sederhana.

Aplikasi Python Kustom Rufund.netTangkapan layar oleh penulis, Juni 2022

Anda dapat menggunakan teknologi ini untuk beberapa Artikel Rufund.net saya yang lain untuk mengaudit peta situs, atau visualisasi topik hangat dari situs web berita.

Atau, di masa mendatang, kami dapat mendemonstrasikan aplikasi web yang lebih canggih melalui PyScript.

Apa Kekurangan PyScript?

Kerugian utama dari PyScript adalah kurangnya dukungan.

PyScript diumumkan selama Pycon 2022 ke pengembang Python.

Itu adalah acara besar dan menarik, tetapi ekspektasi komunitas lebih tinggi daripada kondisi PyScript saat ini.

Karena dukungan komunitas yang lemah, pengembangan PyScript mungkin lebih lambat di masa depan, tetapi ketika kita memikirkan perjalanan Python, itu tidak mengejutkan.

Python tidak begitu populer sampai lima tahun terakhir, karena tidak dikenal.

Tren Pencarian PythonTangkapan layar oleh penulis, Juni 2022

Di atas, Anda dapat melihat bagaimana Python menekan permintaan pencarian JavaScript secara keseluruhan.

Alasan utama untuk pertumbuhan popularitas Python adalah perpustakaan “panda”.

Itu sebabnya, ML dan Ilmu Data adalah fokus utama Python, tetapi tidak harus berlanjut seperti itu.

Dengan demikian, PyScript harus dipertimbangkan secara serius untuk masa depan pengembangan web.

Permintaan Pencarian PyscriptTangkapan layar oleh penulis, Juni 2022

Apa Alternatif Untuk PyScript?

Alternatif untuk PyScript tidak setara dengan PyScript karena langsung berjalan di browser, tetapi tetap saja, ada metode berbeda untuk menggunakan skrip Python di dalam situs web secara tidak langsung.

Ini termasuk “brython”, “pyodide”, “Appwrite”, “django-readers”, “appdeamon”.

Beberapa alternatif untuk PyScript adalah untuk Firebase seperti Appwrite, dan beberapa pekerjaan lain untuk Pengembangan Web seperti Brython.

Bryhthon untuk Pembuatan Aplikasi Web

Brython lebih tua dari Pyscript, dan berfokus untuk menjadikan Python sebagai bahasa utama untuk pengembangan web dengan tipe file “teks/python” alih-alih “teks/javascript”.

Bisakah PyScript Dan Brython Mempengaruhi Mesin Pencari Dan SEO?

Ya, di masa depan, PyScript dan Brython dapat meningkatkan pengaruhnya pada industri pengembangan web.

Mengubah teknologi dan industri pengembangan web memengaruhi perayap dan protokol mesin telusur.

Jika mesin telusur mulai melihat file “teks/python”, atau skrip “.py” dalam kode sumber HTML, mesin telusur tersebut seharusnya dapat membuatnya berfungsi untuk melihat laman web apa adanya.

Saat ini, PyScript bekerja melalui JavaScript, dan Brython sudah berada di awal perjalanannya meskipun sudah lebih tua.

Alternatif PyScript lainnya bekerja melalui Node.js seperti pustaka pemrograman back-end, atau Firebase seperti sistem berbasis cloud.

Jadi, di masa mendatang, Google, sebagai mesin pencari dengan kode Python, mungkin perlu merender file Python untuk merayapi dan merender halaman web.

Kesimpulan Untuk Python Sebagai Skrip Web

Bagi orang yang menyukai pengkodean, tidak masalah apakah Anda menggunakan Python atau JavaScript untuk tugas tertentu.

Tapi, Python adalah bahasa pemrograman termudah untuk dipelajari karena dapat dibaca manusia, ia memberikan lebih banyak fungsionalitas dengan lebih sedikit karakter.

Sebagian besar ilmuwan data dan Insinyur ML (pembelajaran mesin) mengetahui Python dengan cara yang baik, dan mentransfer bakat mereka ke dalam pengembangan web akan serupa dengan penyatuan dua alam semesta yang berbeda.

Lebih banyak sumber daya:


Gambar Unggulan: TippaPatt/Shutterstock

Share

Leave a Reply

Your email address will not be published.