Nếu bạn là một nhà phát triển python và nghĩ rằng thật tuyệt nếu tôi có thể viết mã python của mình trực tiếp vào HTML như tất cả các nhà phát triển Javascript vẫn làm. Vâng, có một tin tốt cho tất cả các nhà phát triển Python. Đây là hướng dẫn từng bước về cách chạy python trong HTML bằng PyScript
Trong bài phát biểu quan trọng tại PyCon US 2022, Peter Wang, Giám đốc điều hành của công ty Anaconda, đã tiết lộ một dự án mới có tên PyScript. Khung javascript là gì. Nó cho phép chúng tôi tạo các ứng dụng Python trong trình duyệt web. Nó sẽ cho phép chúng tôi nhúng mã Python trực tiếp vào các tệp HTML. Giống như chúng tôi sử dụng mã Javascript trong các tệp HTML của mình
Nội dung hiển thị
1 Những điều quan trọng về Pyscript
2 1. Hãy tạo chương trình đầu tiên của chúng ta với Pyscript
3 2. In Ngày Giờ Hiện tại
4 3. Biểu đồ Bokeh với Pyscript
5 Kết luận
Những điều quan trọng về Pyscript
- Nó cho phép chúng tôi viết mã python vào tệp HTML của chúng tôi. Vì vậy, chúng tôi có thể sử dụng các thư viện của Python trong trình duyệt của mình.
- Khi chúng tôi sử dụng Pyscript, chúng tôi không cần phải lo lắng về việc triển khai. Mọi thứ diễn ra trong một trình duyệt web. Chúng tôi có thể chia sẻ các tệp HTML của mình với bất kỳ ai có chứa bảng điều khiển ưa thích hoặc bất kỳ dữ liệu ký tự nào. Họ có thể trực tiếp chạy nó trong trình duyệt web mà không cần bất kỳ thiết lập phức tạp nào.
- Chạy nhiều thư viện phổ biến của Python như gấu trúc, numpy, v.v.
- Pyscript cho phép chúng ta viết mã python với sự trợ giúp của 3 thành phần chính
- Py-env. Nó xác định danh sách gói python cần chạy mã của bạn
- tập lệnh Py. Trong thẻ này, người dùng sẽ viết mã python của họ
- thay thế py. Nó sẽ tạo một thành phần REPL. Thành phần REPL thực thi mã người dùng nhập và hiển thị kết quả của mã trong trình duyệt
1. Hãy tạo chương trình đầu tiên của chúng ta với Pyscript
You can download the alpha release of PyScript on pyscript.net. We’ll use the CDN of one stylesheet and one script in our HTML file. Add below CDNs to your HTML .
Chương trình Hello world của chúng ta sẽ trông như thế này
Python HTML app Hello World
print["Hello World!"]
Khi bạn chạy tệp HTML này vào trình duyệt của mình, nó sẽ in Hello World. Một cái gì đó như thế này
2. In Ngày Giờ Hiện Tại
Python HTML app
from datetime import datetime
print[f"It's now {datetime.now[]}"]
Trong ví dụ trên, chúng tôi đang sử dụng thư viện DateTime của python cho DateTime hiện tại
3. Biểu đồ Bokeh với Pyscript
Hãy lập biểu đồ thể hiện số lượng hoa quả bán được trong tháng
Chart Example
- bokeh
Bokeh Chart in PyScript
import json
import pyodide
from js import Bokeh, console, JSON
from bokeh.embed import json_item
from bokeh.plotting import figure
from bokeh.resources import CDN
fruits = ['Apples', 'Banana', 'Mango', 'Grapes', 'Strawberries']
counts = [5, 3, 4, 4, 6]
p = figure[x_range=fruits, height=350, title="Fruit Counts", toolbar_location=None, tools=""]
p.vbar[x=fruits, top=counts, width=0.9]
p.xgrid.grid_line_color = None
p.y_range.start = 0
p_json = json.dumps[json_item[p, "chart"]]
Bokeh.embed.embed_item[JSON.parse[p_json]]
Khi bạn chạy mã này, bạn sẽ thấy một biểu đồ như;
Như bạn thấy chúng ta có thể dễ dàng tạo biểu đồ trong tệp HTML của mình như thế nào. Không cần tạo các thành phần phức tạp để hiển thị biểu đồ như thế này. Đó là cách đơn giản để bạn có thể sử dụng Pyscript để chạy python trong HTML.
Phần kết luận
Dự án này vẫn đang trong giai đoạn alpha, vì vậy có lẽ chúng ta sẽ thấy nhiều điều mới hơn trong những ngày tới. Pyscript có vẻ rất hứa hẹn cho các nhà phát triển python, nhưng có thể có nhiều vấn đề về bảo mật. Ngoài ra, chúng tôi đang chạy các thư viện Python vào trình duyệt, vì vậy thời gian thực hiện cũng cao.
Tất cả những lo ngại này có thể được giải quyết trong các phiên bản sắp tới. Bình luận suy nghĩ của bạn về công nghệ mới này