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
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 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ẻ
# your python code
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
from browser import document document