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 codechươ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 documentNếu bạn muốn đọc cách nó hoạt động trên trình duyệt và vị trí của các thành phần PyScript trên trình duyệt, hãy đọc hai tài liệu chính thức từ Anaconda về tổng quan kiến trúc
- https. //www. trăn anaconda. com/blog/pyscript-python-in-the-browser
- https. // anaconda. đám mây/pyscript-python-in-the-browser
Bắt đầu
Tôi tạo một tệp HTML có tên 'testing-python. html' và khung của trang trông giống như,
Các thành phần của PyScript
Tại thời điểm đó, bạn có thể sử dụng các thành phần PyScript trong trang HTML của mình. PyScript hiện triển khai các yếu tố sau
. có thể được sử dụng để xác định mã python có thể thực thi được trong trang web. Bản thân phần tử không được hiển thị trên trang và chỉ được sử dụng để thêm logic. tạo thành phần REPL được hiển thị trên trang dưới dạng trình chỉnh sửa mã và cho phép người dùng viết mã có thể được thực thi
Hãy xem xét từng cái một với ví dụ,
- Sử dụng kiểu nội tuyến — có nghĩa là chính mã python được viết bên trong thẻ py-script. Bạn có thể sử dụng tất cả cấu trúc dữ liệu và thư viện python bên trong thẻ py-script, nhưng hãy đảm bảo rằng bạn quan tâm đến việc thụt lề mã python
Đoạn mã trên hiển thị thông báo xin chào cùng với vòng lặp for từ 1 đến 9 như trong hình 2
Hình 2. Đầu ra của ví dụ kiểu nội tuyến
- Sử dụng kiểu bên ngoài - có nghĩa là mã python được viết trong một tệp khác với. phần mở rộng py và được liên kết với thẻ py-script. Tạo một tệp mới và lưu mã bên dưới với 'thử nghiệm. py'
Sử dụng tài liệu tham khảo nguồn bên trong thẻ py-script của thử nghiệm. tệp py dưới dạng,
Đầu ra giống như trên hình-2
If you are using the empty tags like , it will create a single line editor similar to a text box where you can write the code and execute it on your browser as shown in figure-3.
Hình-3. Trình chỉnh sửa để thực thi mã
Bây giờ bạn có thể viết một số mã trong trình chỉnh sửa và chạy nó thông qua nút màu xanh lá cây. Nó sẽ cho bạn thấy đầu ra của mã python của bạn như minh họa trong hình-4 bên dưới
Hinh 4. Đầu ra của mã python
Bạn có thể viết bất kỳ cấu trúc dữ liệu và logic nào được hỗ trợ bởi python và nó cho kết quả đầu ra giống như IDE. Ở đây tôi kiểm tra với cấu trúc dữ liệu danh sách như trong hình 5,
Hình-5. Đầu ra của danh sách DS
Để kết luận
Align with the vision of the contributors of PyScript mention above, the PyScript helps the data scientist to execute their algorithms and model on the browser with a very little knowledge of the HTML. You don’t need to worry about the front-end framework. Just run your python scripts/code inside the tag. From my perspective, it also reduces the one-step effort. Before that, the developers have to create the Restful web service or API using Django or Flask framework and put all the logic inside the HTTP’s method and then call these endpoints of the API on frontend to get the result. Now, without implementing the endpoints of the API, you can run your python code in the browser easily.
Tương tự như JavaScript [là ngôn ngữ lập trình của các công nghệ Web], tôi nghĩ Python cũng là một tương lai cho Web
Đây là một dự án nguồn mở và nếu bạn quan tâm, bạn có thể đóng vai trò của mình bằng cách đóng góp vào kho lưu trữ PyScript và có thể tìm thấy tại https. //github. com/pyscript/pyscript
Tôi có thể đặt mã Python vào trang web không?
Ngôn ngữ lập trình Python là một tùy chọn có mục đích chung, nghĩa là ngôn ngữ này có thể được sử dụng để tạo hầu hết mọi loại chương trình máy tính, bao gồm cả trang web .Mã Python có thể chạy trong trình duyệt không?
"Pyodide cho phép cài đặt và chạy các gói Python trong trình duyệt bằng micropip. Bất kỳ gói Python thuần túy nào có bánh xe có sẵn trên PyPI đều được hỗ trợ," dự án Pyodide nêu rõ. Về cơ bản, nó biên dịch mã Python và các thư viện khoa học thành WebAssugging bằng Emscripten