PyScript Beta Cho phép Bạn Chạy Python trong Trình duyệt
PyScript là một khuôn khổ, được xây dựng bằng Pyodide, cho phép bạn chạy mã Python trong trình duyệt. Nó vẫn còn trong giai đoạn sơ khai, nhưng nhóm phát triển gần đây đã phát hành phiên bản beta.
Sử dụng công cụ này, các nhà phát triển có thể viết Python trực tiếp bên trong HTML mà không cần phần mềm phụ trợ máy chủ như Flask hoặc Django.
Mặc dù nó vẫn đang trong giai đoạn thử nghiệm, PyScript đã đi kèm với một số tính năng ấn tượng đáng để thử.
Mục Lục
1. Dễ dàng thiết lập
Bắt đầu với PyScript dễ dàng như liên kết với CDN của nó trong phần đầu HTML của bạn. Bạn cũng có thể tải xuống mã nguồn của nó và lưu trữ các tệp của dự án trên trang web của riêng bạn. Mặc dù tùy chọn thứ hai có một số lợi ích nhỏ, nhưng việc liên kết với CDN dễ dàng hơn.
Để bắt đầu sử dụng PyScript, bạn có thể bao gồm các tệp JavaScript và CSS của nó như sau:
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
2. Viết Python trực tiếp bên trong HTML
Mã Python của bạn nằm bên trong một tùy chỉnh py-script trong phần nội dung của tài liệu. Sau đó, tệp JavaScript PyScript sẽ diễn giải nội dung của nó bằng Python. Bạn có thể chỉ định một phần tử HTML, chẳng hạn như div, để PyScript ghi đầu ra vào.
Đây là một bố cục ví dụ:
<body>
<div id="python-container"></div>
<py-script output="python-container">
print("Hello world")
</py-script>
</body>
Hãy nhớ rằng thụt lề rất quan trọng trong mã Python của bạn. Bạn sẽ cần phải cẩn thận để thụt lề một cách chính xác để tránh lỗi Python IndentationError.
3. Nhập và cô lập các mô-đun chuẩn Python
Một tính năng độc đáo khác của PyScript là nó cho phép bạn tách các phần phụ thuộc ra khỏi khối lượng lớn. Điều này có nghĩa là bạn sẽ liệt kê một phần phụ thuộc trong phần đầu HTML của mình trước khi bạn có thể nhập nó. Tất cả các phần phụ thuộc đều nằm bên trong một py-env trong phần đầu HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- numpy
- pandas
- openpyxl
- matplotlib
</py-env>
</head>
<body>
<py-script>
import pandas
</py-script>
</body>
</html>
4. Nhập và sử dụng các tệp và mô-đun cục bộ của riêng bạn
Bạn không cần phải viết tất cả mã Python của mình trực tiếp bên trong các tệp HTML khi sử dụng PyScript. Bạn có thể viết các hàm hoặc mô-đun Python tùy chỉnh bên trong các tệp riêng biệt, liệt kê chúng trong py-env và nhập chúng. Điều này giúp bạn dễ dàng viết mã sạch hơn và dễ đọc.
Tuy nhiên, bạn sẽ phải chỉ ra py-env gắn thẻ vào đường dẫn mô-đun cục bộ của bạn. Tương tự, bạn sẽ liệt kê mọi tệp cục bộ mà bạn muốn sử dụng trong mã Python của mình. Ví dụ: nếu bạn đang đọc tệp Excel với Pandas, bạn sẽ cần chỉ định đường dẫn của nó:
<py-env>
- numpy
- paths:
- /main.py
- /path_to_excel_file.xlsx
</py-env>6. Hiển thị hình ảnh trực quan trực tiếp tới DOM
Chia sẻ hình ảnh trực quan và trang tổng quan có thể là một nhiệm vụ khó khăn. PyScript cho phép bạn hiển thị bảng phân cảnh và hình ảnh hóa Python của mình trực tiếp bên trong trình duyệt mà không cần sử dụng các giải pháp dựa trên máy chủ. Bạn thậm chí có thể viết một trang tính Excel vào DOM dưới dạng HTML.
Ví dụ: với các phụ thuộc bắt buộc trong môi trường ảo Python, bạn có thể vẽ biểu đồ dữ liệu từ tệp Excel:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
<py-env>
- pandas
- matplotlib
- paths:
- /path_to_excel_file.xlsx
</py-env>
</head>
<body>
<div id="python-container"></div>
<py-script output="python-container">
import pandas as pd
import matplotlib.pyplot as plt
df = pd.read_excel("excel_file_name.xlsx")
x = df["Months"]
y = df["growth_rate"]
fig, ax = plt.subplots()
ax.plot(x, y)
fig
</py-script>
</body>
</html>
Bạn có thể tìm thêm thông tin về PyScript qua README trên Github hoặc trang web chính thức của PyScript.
PyScript cung cấp cho Python một sự thúc đẩy
Một trong những thiếu sót của Python là không có khả năng hoạt động trực tiếp trong DOM. Và đây là một trong những lý do khiến JavaScript luôn dẫn đầu để phát triển web. Phần giới thiệu của PyScript có thể thay đổi điều này nếu nó có thể đạt được mức chức năng của JavaScript. Tuy nhiên, PyScript là một công cụ tiện dụng, vì nó sẽ giúp bạn lưu trữ và chia sẻ các dự án Python của mình một cách dễ dàng. Tuy nhiên, hãy nhớ rằng một số tính năng có thể bị hỏng, vì PyScript vẫn là một khung thử nghiệm.
Đọc tiếp
Giới thiệu về tác giả
