Hướng dẫn convert python code to web app - chuyển đổi mã python thành ứng dụng web

Tham gia với chúng tôi và có quyền truy cập vào hàng ngàn hướng dẫn và một cộng đồng chuyên gia Pythonistas.

Mở khóa bài học này

Bài học này chỉ dành cho các thành viên. Tham gia với chúng tôi và có quyền truy cập vào hàng ngàn hướng dẫn và một cộng đồng chuyên gia Pythonistas.Join us and get access to thousands of tutorials and a community of expert Pythonistas.

Mở khóa bài học này

Bài học này chỉ dành cho các thành viên. Tham gia với chúng tôi và có quyền truy cập vào hàng ngàn hướng dẫn và một cộng đồng chuyên gia Pythonistas. Looks like there’s an issue with video playback 🙁 This might be due to a temporary outage or because of a configuration issue with your browser. Please see our video player troubleshooting guide to resolve the issue.

• Xin lỗi! Có vẻ như có một vấn đề với phát lại video 🙁 Điều này có thể là do sự cố ngừng hoạt động tạm thời hoặc do sự cố cấu hình với trình duyệt của bạn. Vui lòng xem Hướng dẫn khắc phục sự cố trình phát video của chúng tôi để giải quyết vấn đề.
• Bảng điểm

Nhận xét & Thảo luận Convert a Script into a Web Application. Since this course is about creating and deploying Python web applications from code you already have, the Python code for the temperature converter script is provided for you here, both on-screen and in the course files.

00:00 Chuyển đổi tập lệnh thành một ứng dụng web. Vì khóa học này là về việc tạo và triển khai các ứng dụng web Python từ mã bạn đã có, mã Python cho tập lệnh chuyển đổi nhiệt độ được cung cấp cho bạn ở đây, cả trên màn hình và trong các tệp khóa học. This is a short script that allows a user to convert a Celsius temperature to the equivalent Fahrenheit temperature. With this working script in hand, you’ll now need to change the code to integrate it into your Flask app.

00:49 Đây là một kịch bản ngắn cho phép người dùng chuyển đổi nhiệt độ Celsius thành nhiệt độ Fahrenheit tương đương. Với tập lệnh hoạt động này trong tay, bây giờ bạn sẽ cần thay đổi mã để tích hợp nó vào ứng dụng bình của bạn. There are two main points to consider for doing that. Execution: How will the web app know when to run the code? User input: How will the web app collect user input?

01:03 Có hai điểm chính cần xem xét để làm điều đó. Thực thi: Làm thế nào ứng dụng web sẽ biết khi nào nên chạy mã? Đầu vào của người dùng: ứng dụng web sẽ thu thập đầu vào của người dùng như thế nào? You’ve already learned how to tell Flask how to execute a specific piece of code by adding the code to a function that you assign a route to. Start by tackling this first.

01:16 Bạn đã học được cách nói với bình cách thực thi một đoạn mã cụ thể bằng cách thêm mã vào một hàm mà bạn gán một tuyến đường. Bắt đầu bằng cách giải quyết điều này đầu tiên. Flask separates different tasks into different functions that are each assigned a route through the @app.route decorator. When the user visits the specified route via its URL, the code inside the corresponding function gets executed.

01:27 Bình phân tách các nhiệm vụ khác nhau thành các chức năng khác nhau được chỉ định một tuyến đường thông qua trình trang trí @app.route. Khi người dùng truy cập tuyến đường được chỉ định thông qua URL của nó, mã bên trong hàm tương ứng sẽ được thực thi. Start by adding fahrenheit_from() to your main.py file and wrapping it with the @app.route decorator, as seen on-screen.

01:43 Bắt đầu bằng cách thêm fahrenheit_from() vào tệp main.py của bạn và quấn nó với trình trang trí @app.route, như đã thấy trên màn hình. So far, you’ve only copied the code of your Python script into a function in your Flask app and added the @app.route decorator. However, there’s already a problem with this setup.

02:00 Cho đến nay, bạn chỉ sao chép mã của tập lệnh Python của mình vào một hàm trong ứng dụng bình của bạn và thêm trình trang trí @app.route. Tuy nhiên, đã có một vấn đề với thiết lập này. What happens when you run the code in your development server? Let’s take a look.

02:10 Điều gì xảy ra khi bạn chạy mã trong máy chủ phát triển của bạn? Hãy để một cái nhìn. Currently, both of your functions are triggered by the same route. When a user visits that route, Flask picks the first function that matches it and executes that code. In your case, this means that fahrenheit_from() never gets executed because index() matches the same route and gets called first.

02:22 Hiện tại, cả hai chức năng của bạn đều được kích hoạt bởi cùng một tuyến đường. Khi người dùng truy cập tuyến đó, bình chọn hàm đầu tiên phù hợp với nó và thực thi mã đó. Trong trường hợp của bạn, điều này có nghĩa là fahrenheit_from() không bao giờ được thực thi vì index() phù hợp với cùng một tuyến và được gọi là đầu tiên. The second function will need its own unique route to be accessible. Additionally, you still need to allow users to provide input to the function. You can solve both these tasks in one by telling Flask to treat any remaining part of the URL following the base URL as a value and pass it on to your function.

02:41 Hàm thứ hai sẽ cần lối đi riêng của nó để có thể truy cập được. Ngoài ra, bạn vẫn cần cho phép người dùng cung cấp đầu vào cho chức năng. Bạn có thể giải quyết cả hai tác vụ này trong một bằng cách nói với bình để xử lý bất kỳ phần nào còn lại của URL theo URL cơ sở dưới dạng giá trị và chuyển nó cho chức năng của bạn. This requires only a small change to the parameter of the @app.route decorator before fahrenheit_from().

03:03 Điều này chỉ đòi hỏi một thay đổi nhỏ đối với tham số của trình trang trí @app.route trước fahrenheit_from(). The angle bracket syntax tells Flask to capture any text following the base URL and pass it on to the function the decorator wraps as the variable celsius. Note that fahrenheit_from() requires celsius as an input.

03:14 Cú pháp của khung góc cho Bình ghi lại bất kỳ văn bản nào theo URL cơ sở và chuyển nó cho chức năng mà bộ trang trí kết thúc như là biến celsius. Lưu ý rằng fahrenheit_from() yêu cầu celsius làm đầu vào. Make sure the URL path component you’re capturing has the same name as the parameter you’re passing to your function. Otherwise, Flask will be confused and will let you know about it by presenting you with an error message.

03:29 Đảm bảo thành phần đường dẫn URL mà bạn chụp có cùng tên với tham số mà bạn chuyển đến chức năng của mình. Nếu không, Flask sẽ bị nhầm lẫn và sẽ cho bạn biết về nó bằng cách trình bày cho bạn một thông báo lỗi. Head back to your web browser and try out the new functionality using Flask’s development server. You’re now able to access both of your functions through your web app using different URL endpoints. If you go to the base URL, then you’ll see the short message from before.

03:42 Quay trở lại trình duyệt web của bạn và thử chức năng mới bằng máy chủ phát triển Flask Flask. Bây giờ bạn có thể truy cập cả hai chức năng của mình thông qua ứng dụng web của bạn bằng các điểm cuối URL khác nhau. Nếu bạn đi đến URL cơ sở, thì bạn sẽ thấy tin nhắn ngắn từ trước. If you add a number after the forward slash, then you’ll see the converted temperature appear in your browser. Play around with it some more and try entering different inputs.

03:59 Nếu bạn thêm một số sau khi chém về phía trước, thì bạn sẽ thấy nhiệt độ được chuyển đổi xuất hiện trong trình duyệt của bạn. Chơi xung quanh với nó thêm một số và thử nhập các đầu vào khác nhau. Even the error handling from your script is still functional and displays a message when a user enters a non-numeric input. Your web app handles the same functionality as your Python script did locally, only now you can deploy it to the Internet.

04:10 Ngay cả việc xử lý lỗi từ tập lệnh của bạn vẫn hoạt động và hiển thị thông báo khi người dùng nhập vào đầu vào không phải là số. Ứng dụng web của bạn xử lý chức năng tương tự như tập lệnh Python của bạn đã làm cục bộ, chỉ bây giờ bạn mới có thể triển khai nó lên Internet. Flask is a mature web framework that allows you to hand over a lot of tasks to its internals. For example, you can let Flask take care of type checking the input to your function and returning an error message if it doesn’t fit.

04:25 Flask là một khung web trưởng thành cho phép bạn giao rất nhiều nhiệm vụ cho nội bộ của nó. Ví dụ: bạn có thể để Flask chăm sóc loại kiểm tra đầu vào cho chức năng của mình và trả về thông báo lỗi nếu nó không phù hợp. All of this can be done with a concise syntax inside of the parameter to the @app.route decorator. Make this change to your path capturer.

04:39 Tất cả những điều này có thể được thực hiện với một cú pháp ngắn gọn bên trong tham số cho bộ trang trí @app.route. Thực hiện thay đổi này cho người bị bắt giữ đường dẫn của bạn. Adding fahrenheit_from()3 before the variable name tells Flask to check whether the input it receives from the URL can be converted to an integer. If it can, then the content is passed on to fahrenheit_from(). If it can’t, then Flask displays a fahrenheit_from()5 error page.

04:53 Thêm fahrenheit_from()3 Trước khi tên biến cho Bình kiểm tra xem đầu vào có nhận được từ URL có thể được chuyển đổi thành số nguyên hay không. Nếu nó có thể, thì nội dung được chuyển sang fahrenheit_from(). Nếu nó có thể, thì bình sẽ hiển thị trang lỗi fahrenheit_from()5. Note that the fahrenheit_from()5 error message means that Flask attempted to match the path component it snipped off from the URL with any of the functions it knows about. However, the only patterns it currently knows about are the empty base path and the base path followed by a number, such as fahrenheit_from()7. Since text such as fahrenheit_from()8 doesn’t match any of these patterns, it tells you that the requested URL was not found on the server.

05:44 Sau khi áp dụng kiểm tra loại Flask Flask, giờ đây bạn có thể loại bỏ khối fahrenheit_from()9 main.py0 trong fahrenheit_from(). Chỉ các số nguyên sẽ được truyền vào chức năng bằng bình. After applying Flask’s type check, you can now safely remove the fahrenheit_from()9 … main.py0 block in fahrenheit_from(). Only integers will ever be passed on to the function by Flask.

06:02 Với điều này, bạn đã hoàn thành việc chuyển đổi tập lệnh chuyển đổi nhiệt độ của mình thành một ứng dụng web. Xác nhận rằng mọi thứ hoạt động như mong đợi tại địa phương và sau đó triển khai ứng dụng của bạn một lần nữa với Google App Engine. With this, you’ve completed converting your temperature conversion script into a web app. Confirm that everything works as expected locally, and then deploy your app again to Google App Engine.

06:27 Sau khi triển khai thành công ứng dụng web chuyển đổi nhiệt độ của bạn sang Internet, giờ đây bạn có một liên kết mà bạn có thể chia sẻ với người khác và cho phép họ chuyển đổi nhiệt độ Celsius thành Fahrenheit. Tuy nhiên, giao diện vẫn trông khá cơ bản và ứng dụng web hoạt động giống API hơn là ứng dụng web Front-end. After successfully deploying your temperature conversion web app to the Internet, you now have a link that you can share with other people and allow them to convert Celsius temperatures to Fahrenheit. However, the interface still looks quite basic and the web app functions more like an API than a front-end web app.

06:45 Nhiều người dùng có thể không biết cách tương tác với ứng dụng web Python của bạn ở trạng thái hiện tại. Điều này cho bạn thấy những hạn chế của việc sử dụng Python thuần túy để phát triển web. Many users might not know how to interact with your Python web application in its current state. This shows you the limitations of using pure Python for web development.

06:56 Nếu bạn muốn tạo các giao diện trực quan hơn, thì bạn sẽ cần bắt đầu sử dụng ít nhất một chút HTML. Trong phần tiếp theo, bạn sẽ tiếp tục lặp lại mã của mình và sử dụng HTML để tạo một hộp đầu vào cho phép người dùng nhập một số trực tiếp trên trang thay vì thông qua URL. If you want to create more intuitive interfaces, then you’ll need to start using at least a little bit of HTML. In the next section, you’ll keep iterating over your code and use HTML to create an input box that allows users to enter a number directly on the page rather than through the URL.

Làm cách nào để chuyển đổi một chương trình Python thành WebApp?

Bạn có thể xây dựng một ứng dụng web chỉ với Python không?

Làm cách nào để chuyển đổi tệp .py thành HTML?

Bạn có thể đặt mã python trong HTML không?