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

Những điều quan trọng về Pyscript

1. 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.  
2. 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.   
3. Chạy nhiều thư viện phổ biến của Python như gấu trúc, numpy, v.v.
4. 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
   1. Py-env. Nó xác định danh sách gói python cần chạy mã của bạn
   2. tập lệnh Py. Trong thẻ này, người dùng sẽ viết mã python của họ
   3. 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

Python có thể tích hợp với HTML không?

Làm cách nào để kết nối mã Python với HTML?