Tập lệnh Python trong trang web

Dự án PyScript mới cho phép bạn nhúng trực tiếp các chương trình Python vào các trang HTML và thực thi chúng trong trình duyệt mà không cần bất kỳ yêu cầu dựa trên máy chủ nào

Dự án đã được công bố vào cuối tuần này tại PyCon US 2022 và hoạt động như một trình bao bọc xung quanh dự án Pyodide, tải trình thông dịch CPython dưới dạng mô-đun trình duyệt WebAssembly

"PyScript là một khung cho phép người dùng tạo các ứng dụng Python phong phú trong trình duyệt bằng cách sử dụng kết hợp Python với HTML tiêu chuẩn. " Anaconda giải thích trong một bài đăng gần đây trên blog

"PyScript nhằm mục đích cung cấp cho người dùng ngôn ngữ lập trình hạng nhất có quy tắc tạo kiểu nhất quán, biểu cảm hơn và dễ học hơn. "

Mặc dù dự án Pyodide trước đây cho phép bạn chạy Python trong trình duyệt, nhưng phải mất một thời gian để làm quen với cú pháp và không thanh lịch bằng việc chỉ viết một chương trình Python và dán nó vào trang HTML của bạn

Tuy nhiên, PyScript hoạt động như một trình bao bọc, cho phép bạn nhúng trực tiếp mã Python vào giữa các thẻ py-script và để mã này tự động thực thi bởi Pyodide

Ví dụ: phần sau đây minh họa một ví dụ Hello World nhỏ sử dụng PyScript và việc thực thi nó trực tiếp trong trình duyệt. Lưu ý cách hàm pyscript.write() cho phép bạn xuất dữ liệu trực tiếp sang phần tử HTML

Ứng dụng Python Hello World Python sử dụng PyScript

Nhà phát triển cũng có thể mở rộng các trang PyScript thông qua các gói Python bổ sung được tích hợp trong Pyodide hoặc thông qua các gói được lưu trữ trên hệ thống tệp cục bộ. PyScript BẮT ĐẦU. md cung cấp tài liệu về cách nhập các gói vào mã của bạn

Ngoài việc thực thi mã được nhúng trong HTML, bạn cũng có thể thêm trình chỉnh sửa mã trực tiếp vào trang HTML bằng cách sử dụng thẻ py-repl để bạn có thể nhập mã và thực thi mã, như minh họa bên dưới

Sử dụng trình chỉnh sửa của PyScript

Sử dụng trình chỉnh sửa giúp dễ dàng kiểm tra mã một cách nhanh chóng và xem những gì sẽ và không hoạt động với PyScript

Mặc dù JavaScript đã có thể thực hiện hầu hết mọi thứ bạn muốn tạo bằng PyScript, với Python được coi là ngôn ngữ lập trình phổ biến nhất, PyScript mở ra cơ hội cho nhiều dự án thú vị trong tương lai

Để bắt đầu với PyScript, bạn có thể truy cập trang dự án GitHub của họ, trang này cũng bao gồm nhiều ví dụ về mã

Phát triển ứng dụng web là một lĩnh vực nơi các công cụ và công nghệ mới hơn xuất hiện nhanh chóng. Ngày nay, các công ty quan tâm đến việc tạo các ứng dụng web để thu hút khách hàng thông qua các ứng dụng web tương tác hơn là hiển thị một số trang HTML trên internet để nổi bật.

Javascript là nữ hoàng của các ngôn ngữ lập trình web bao gồm gần như toàn bộ các công cụ và khung phát triển web. Chúng tôi có thể phát triển một ứng dụng web chỉ trong vài giây bằng cách sử dụng Angular, React hoặc javascript gốc

Python rất phổ biến với sự hỗ trợ thư viện của nó đến nỗi hầu hết các công ty thích nó như là lựa chọn tốt nhất của họ cho các dự án khoa học dữ liệu và AI

Khi nhu cầu tăng lên, những thay đổi mới được điều chỉnh để phát triển ứng dụng một cách nhanh chóng, trong đó sự kết hợp của các công nghệ khác nhau đóng vai trò quan trọng. Bằng cách kết hợp python và HTML, chúng tôi có thể hiển thị mã python trên các trang HTML

Brython là một triển khai của Python 3 có thể được sử dụng để chạy mã python trong trình duyệt của bạn. Tuần trước, Giám đốc điều hành của Anaconda, Peter Wang đã công bố một công nghệ mang tính cách mạng có tên là PyScript cho phép người dùng chạy mã python trong trình duyệt của họ

Trong bài viết này, chúng tôi sẽ cố gắng đề cập đến việc triển khai python trong các trang HTML

Những bước chuyển lớn trong phát triển web — Brython và PyScript

Bắt đầu

Hãy bắt đầu với Brython

1. Brython

Các khung Python như Flask và Django được sử dụng để hiển thị ở phía máy chủ trong khi Brython phục vụ mã python ở phía máy khách

Brython là một khung có thể được sử dụng để đưa mã python vào các trang HTML. Mục tiêu chính của nó là thay thế Javascript làm ngôn ngữ kịch bản cho web. Brython có khả năng tương tác với DOM, do đó biến nó thành một khung đầy hứa hẹn về mặt kịch bản. Khả năng này của Brython có thể được sử dụng để tạo ra một cái gì đó mới trong trình duyệt

Cài đặt

Brython cung cấp các liên kết CDN có thể được sử dụng để tích hợp với ứng dụng web

• Thêm đoạn mã sau vào tệp HTML để thêm phần phụ thuộc Brython

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

• Liên kết hàm brython() khi tải trang HTML

Vào chế độ toàn màn hình Thoát chế độ toàn màn hình

• Viết mã Python bên trong thẻ

  chương trình đầu tiên

  Hãy thử chương trình khung Brython đầu tiên của chúng tôi chạy ở phía máy khách
  

  Brython cung cấp bảng điều khiển trực tuyến để viết và thực thi mã python

  Bạn có thể đưa bảng điều khiển python vào trang web của mình bằng cách sử dụng,
  

  Brython có thể tương tác với các phần tử DOM và thư viện Javascript như Highcharts, jQuery, Socket. io, ba. js, v.v. Thật dễ dàng để tìm nạp dữ liệu từ máy chủ bằng lệnh gọi ajax từ thư viện brython

  Nếu bạn muốn dùng thử brython, hãy xem các kho lưu trữ sau

  • brython-dev/brython
  • codemaker2015/brython-demo

  2. PyScript

  Trong PyCon US 2022, Giám đốc điều hành của Anaconda, Peter Wang đã tiết lộ một khuôn khổ mang tính cách mạng — PyScript. Cho phép người dùng viết mã python trong trình duyệt

  PyScript là một khung JavaScript cho phép người dùng nhúng mã python vào bên trong trang HTML như PHP. Nó cho phép người dùng sử dụng sức mạnh của các thư viện python như numpy, pandas và scikit-learning trên các ứng dụng web. Nó cũng cho phép người dùng thực hiện các tính toán thống kê và AI bên trong ứng dụng web thay vì xử lý dữ liệu trên máy chủ và gửi phản hồi lại cho máy khách

  PyScript được xây dựng trên Pyodide. CPython là một cổng của Pyodide dựa trên WebAssugging. WebAssembly chuyển đổi con người có thể đọc được. ngôn ngữ định dạng văn bản wat thành nhị phân. wasm mà trình duyệt có thể chạy trên đó