Hướng dẫn build a python web application - xây dựng một ứng dụng web python

Phân phối mã Python của bạn

Mang mã của bạn cho người dùng của bạn được gọi là phân phối. Theo truyền thống, có ba cách tiếp cận khác nhau mà bạn có thể sử dụng để phân phối mã của mình để những người khác có thể làm việc với các chương trình của bạn:distribution. Traditionally, there are three different approaches you can use to distribute your code so that others can work with your programs:

1. Thư viện Python
2. Chương trình độc lập
3. Ứng dụng web Python

Bạn sẽ xem xét kỹ hơn về từng cách tiếp cận dưới đây.

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

$ python3 -m pip install 

$ source venv/bin/activate

Tìm hiểu về các ứng dụng web Python

Trong lịch sử, các trang web có nội dung cố định giống nhau cho mọi người dùng truy cập trang đó. Các trang web này được gọi là tĩnh vì nội dung của chúng không thay đổi khi bạn tương tác với chúng. Khi phục vụ một trang web tĩnh, một máy chủ web trả lời yêu cầu của bạn bằng cách gửi lại nội dung của trang đó, bất kể bạn là ai hoặc những hành động khác bạn đã thực hiện.static because their content doesn’t change when you interact with them. When serving a static web page, a web server responds to your request by sending back the content of that page, regardless of who you are or what other actions you took.

Bạn có thể duyệt một ví dụ về một trang web tĩnh ở URL đầu tiên từng lên mạng, cũng như các trang mà nó liên kết đến:

Các trang web tĩnh như vậy aren đã xem xét các ứng dụng vì nội dung của chúng được tạo ra một cách động bởi mã. Mặc dù các trang web tĩnh được sử dụng để tạo ra tất cả các internet, hầu hết các trang web ngày nay là các ứng dụng web thực sự, cung cấp các trang web động có thể thay đổi nội dung mà chúng cung cấp.web applications, which offer dynamic web pages that can change the content they deliver.

Chẳng hạn, một ứng dụng webmail cho phép bạn tương tác với nó theo nhiều cách. Tùy thuộc vào hành động của bạn, nó có thể hiển thị các loại thông tin khác nhau, thường là ở trong một trang duy nhất:

Các ứng dụng web dựa trên Python sử dụng mã Python để xác định những hành động nào sẽ thực hiện và nội dung nào để hiển thị. Mã của bạn được chạy bởi máy chủ web lưu trữ trang web của bạn, điều đó có nghĩa là người dùng của bạn không cần phải cài đặt bất cứ thứ gì. Tất cả những gì họ cần để tương tác với mã của bạn là trình duyệt và kết nối internet. use Python code to determine what actions to take and what content to show. Your code is run by the web server that hosts your website, which means that your users don’t need to install anything. All they need to interact with your code is a browser and an Internet connection.

Bắt Python chạy trên một trang web có thể phức tạp, nhưng có một số khung web khác nhau tự động chăm sóc các chi tiết. Như đã đề cập ở trên, bạn sẽ xây dựng một ứng dụng bình cơ bản trong hướng dẫn này.

Trong phần sắp tới, bạn sẽ nhận được một viễn cảnh cấp cao về các quy trình chính cần phải chạy mã Python của bạn trên máy chủ và cung cấp phản hồi cho người dùng của bạn.

Xem lại chu kỳ phản hồi yêu cầu HTTP

Phục vụ nội dung động trên Internet liên quan đến rất nhiều phần khác nhau và tất cả chúng phải liên lạc với nhau để hoạt động chính xác. Tại đây, một tổng quan tổng quát về những gì diễn ra khi người dùng tương tác với ứng dụng web:

1. Gửi: Đầu tiên, người dùng của bạn đưa ra yêu cầu cho một trang web cụ thể trên ứng dụng web của bạn. Họ có thể làm điều này, ví dụ, bằng cách nhập URL vào trình duyệt của họ. First, your user makes a request for a particular web page on your web app. They can do this, for example, by typing a URL into their browser.

2. Nhận: Yêu cầu này được nhận bởi máy chủ web lưu trữ trang web của bạn. This request gets received by the web server that hosts your website.

3. Phù hợp: Máy chủ web của bạn hiện sử dụng một chương trình để phù hợp với yêu cầu của người dùng với một phần cụ thể của tập lệnh Python của bạn. Your web server now uses a program to match the user’s request to a particular portion of your Python script.

4. Chạy: Mã Python thích hợp được chương trình đó gọi lên. Khi mã của bạn chạy, nó viết ra một trang web dưới dạng phản hồi. The appropriate Python code is called up by that program. When your code runs, it writes out a web page as a response.

5. Cung cấp: Chương trình sau đó cung cấp phản hồi này cho người dùng của bạn thông qua máy chủ web. The program then delivers this response back to your user through the web server.

6. Xem: Cuối cùng, người dùng có thể xem phản hồi của máy chủ web. Ví dụ: trang web kết quả có thể được hiển thị trong trình duyệt. Finally, the user can view the web server’s response. For example, the resulting web page can be displayed in a browser.

Đây là một quá trình chung về cách phân phối nội dung qua Internet. Ngôn ngữ lập trình được sử dụng trên máy chủ, cũng như các công nghệ được sử dụng để thiết lập kết nối đó, có thể khác nhau. Tuy nhiên, khái niệm được sử dụng để liên lạc qua các yêu cầu và phản hồi HTTP vẫn giữ nguyên và được gọi là chu kỳ phản hồi yêu cầu HTTP.requests and responses remains the same and is called the HTTP Request-Response Cycle.

Để cho phép Flask xử lý các yêu cầu ở phía máy chủ, bạn sẽ cần tìm một nơi mà mã Python của bạn có thể sống trực tuyến. Lưu trữ mã trực tuyến của bạn để chạy một ứng dụng web được gọi là lưu trữ web và có một số nhà cung cấp cung cấp cả lưu trữ web được trả tiền và miễn phí.web hosting, and there are a number of providers offering both paid and free web hosting.

Chọn nhà cung cấp dịch vụ lưu trữ: Công cụ ứng dụng Google

Khi chọn nhà cung cấp dịch vụ lưu trữ web, bạn cần xác nhận rằng nó hỗ trợ chạy mã Python. Nhiều người trong số họ tốn tiền, nhưng hướng dẫn này sẽ gắn bó với một tùy chọn miễn phí mà chuyên nghiệp và có khả năng mở rộng cao nhưng vẫn hợp lý để thiết lập: Google App Engine.

Có một số tùy chọn miễn phí khác, chẳng hạn như Pythonanywhere, Repress.it hoặc Heroku mà bạn có thể khám phá sau này. Sử dụng Google App Engine sẽ cho bạn một khởi đầu tốt trong việc tìm hiểu về việc triển khai mã Python lên web khi nó đạt được sự cân bằng giữa việc trừu tượng hóa sự phức tạp và cho phép bạn tùy chỉnh thiết lập.

Google App Engine là một phần của nền tảng Google Cloud (GCP), được điều hành bởi Google và đại diện cho một trong những nhà cung cấp đám mây lớn, cùng với Microsoft Azure và Amazon Web Services (AWS).

Để bắt đầu với GCP, hãy tải xuống và cài đặt Google Cloud SDK cho hệ điều hành của bạn. Để được hướng dẫn bổ sung ngoài những gì bạn sẽ tìm thấy trong hướng dẫn này, bạn có thể tham khảo tài liệu của Google App Engine.

Cài đặt Google Cloud SDK cũng bao gồm một chương trình dòng lệnh có tên

$ source venv/bin/activate

Bạn sẽ nhận được một đầu ra văn bản trong thiết bị đầu cuối của bạn trông giống như dưới đây:

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Số phiên bản của bạn có thể sẽ khác nhau, nhưng miễn là chương trình

$ source venv/bin/activate

Với tổng quan cấp cao này về các khái niệm và SDK Google Cloud được cài đặt, bạn đã sẵn sàng thiết lập một dự án Python mà sau đó bạn sẽ triển khai lên Internet.

Thiết lập dự án của bạn

Tạo một thư mục dự án và đặt cho nó một cái tên mô tả về dự án của bạn. Đối với dự án thực hành này, hãy gọi thư mục

$ source venv/bin/activate

1. $ source venv/bin/activate
   

   4 chứa mã Python của bạn được bọc trong việc triển khai tối thiểu khung web của Flask. contains your Python code wrapped in a minimal implementation of the Flask web framework.

2. $ source venv/bin/activate
   

   5 liệt kê tất cả các phụ thuộc mã của bạn cần phải hoạt động đúng. lists all the dependencies your code needs to work properly.

3. $ source venv/bin/activate
   

   6 giúp Google App Engine quyết định cài đặt nào sẽ sử dụng trên máy chủ của mình. helps Google App Engine decide which settings to use on its server.

Mặc dù ba tệp có thể nghe rất nhiều, nhưng bạn sẽ thấy rằng dự án này sử dụng ít hơn mười dòng mã trên cả ba tệp. Điều này thể hiện thiết lập tối thiểu bạn cần cung cấp cho Google App Engine cho bất kỳ dự án Python nào bạn có thể khởi chạy. Phần còn lại sẽ là mã Python của riêng bạn. Bạn có thể tải xuống mã nguồn đầy đủ mà bạn sẽ sử dụng trong hướng dẫn này bằng cách nhấp vào liên kết bên dưới:

Tiếp theo, bạn sẽ xem xét nội dung của từng tệp bắt đầu với tệp phức tạp nhất,

$ source venv/bin/activate

Tạo $ source venv/bin/activate 4

$ source venv/bin/activate

$ python3 -m pip install -r requirements.txt

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

Sau khi bạn tạo bình

$ python3 -m pip install -r requirements.txt

$ python3 -m pip install -r requirements.txt

$ python3 -m pip install -r requirements.txt

$ python3 -m pip install -r requirements.txt

Mã trên các dòng 6 và 7 tạo nên

$ python3 -m pip install -r requirements.txt

Nói cách khác, nếu người dùng nhập URL cơ sở của ứng dụng web của bạn vào trình duyệt của họ, thì Flask chạy

$ python3 -m pip install -r requirements.txt

$ python3 -m pip install -r requirements.txt

Bạn có thể hiển thị nội dung phức tạp hơn và bạn cũng có thể tạo nhiều hơn một chức năng để người dùng có thể truy cập các điểm cuối URL khác nhau trong ứng dụng của bạn để nhận các phản hồi khác nhau. Tuy nhiên, đối với việc triển khai ban đầu này, nó rất tốt khi gắn bó với thông điệp thành công ngắn và đáng khích lệ này.

Tạo $ source venv/bin/activate 5

Tệp tiếp theo để xem là

$ source venv/bin/activate

Nếu ứng dụng của bạn có các phụ thuộc khác, thì bạn cũng sẽ cần thêm chúng vào tệp

$ source venv/bin/activate

Công cụ ứng dụng Google sẽ sử dụng

$ source venv/bin/activate

Tạo $ source venv/bin/activate 6

Tệp thứ ba,

$ source venv/bin/activate

Dòng hiển thị ở trên làm rõ rằng thời gian chạy phù hợp cho mã Python của bạn là Python 3.8. Điều này là đủ để Công cụ ứng dụng Google thực hiện thiết lập cần thiết trên các máy chủ của mình.

Bạn có thể sử dụng tệp Google App Engine ____ ____ ____36 để thiết lập bổ sung, chẳng hạn như thêm các biến môi trường vào ứng dụng của bạn. Bạn cũng có thể sử dụng nó để xác định đường dẫn đến nội dung tĩnh cho ứng dụng của mình, chẳng hạn như hình ảnh, CSS hoặc tệp JavaScript. Hướng dẫn này đã giành được các cài đặt bổ sung này, nhưng bạn có thể tham khảo tài liệu của Google App Engine trên tệp cấu hình

$ source venv/bin/activate

Chín dòng mã này hoàn thành thiết lập cần thiết cho ứng dụng này. Dự án của bạn hiện đã sẵn sàng để triển khai.

Tuy nhiên, đó là cách thực hành tốt để kiểm tra mã của bạn trước khi đưa nó vào sản xuất để bạn có thể nắm bắt các lỗi tiềm năng. Tiếp theo, bạn sẽ kiểm tra xem mọi thứ có hoạt động như mong đợi tại địa phương trước khi triển khai mã của bạn lên Internet hay không.

Kiểm tra cục bộ

Flask được đóng gói với một máy chủ web phát triển. Bạn có thể sử dụng máy chủ phát triển này để kiểm tra kỹ mã mà mã của bạn hoạt động như mong đợi. Để có thể chạy máy chủ phát triển Flask tại địa phương, bạn cần hoàn thành hai bước. Công cụ ứng dụng Google sẽ thực hiện các bước tương tự trên máy chủ của mình sau khi bạn triển khai mã của mình:

1. Thiết lập một môi trường ảo.
2. Cài đặt gói

   if __name__ == "__main__":
       app.run(host="127.0.0.1", port=8080, debug=True)
   

   6.

Để thiết lập môi trường ảo Python 3, hãy điều hướng đến thư mục dự án của bạn trên thiết bị đầu cuối của bạn và nhập lệnh sau:

Điều này sẽ tạo ra một môi trường ảo mới có tên

if __name__ == "__main__":
    app.run(host="127.0.0.1", port=8080, debug=True)

$ source venv/bin/activate

Sau khi thực hiện lệnh này, lời nhắc của bạn sẽ thay đổi để cho biết rằng bạn hiện đang hoạt động từ trong môi trường ảo. Sau khi bạn thiết lập thành công và kích hoạt môi trường ảo của mình, bạn đã sẵn sàng cài đặt bình:

$ python3 -m pip install -r requirements.txt

Lệnh này lấy tất cả các gói được liệt kê trong

$ source venv/bin/activate

Chờ cài đặt hoàn tất, sau đó mở

$ source venv/bin/activate

if __name__ == "__main__":
    app.run(host="127.0.0.1", port=8080, debug=True)

Hai dòng này bảo Python khởi động máy chủ phát triển Flask Flask khi tập lệnh được thực thi từ dòng lệnh. Nó chỉ được sử dụng khi bạn chạy tập lệnh cục bộ. Khi bạn triển khai mã cho Google App Engine, một quy trình máy chủ web chuyên nghiệp, chẳng hạn như Gunicorn, sẽ phục vụ ứng dụng thay thế. Bạn đã thắng cần phải thay đổi bất cứ điều gì để thực hiện điều này.

Bây giờ bạn có thể khởi động máy chủ phát triển Flask Flask và tương tác với ứng dụng Python của bạn trong trình duyệt của bạn. Để làm như vậy, bạn cần chạy tập lệnh Python khởi động ứng dụng bình bằng cách nhập lệnh sau:

Bình khởi động máy chủ phát triển và thiết bị đầu cuối của bạn sẽ hiển thị đầu ra tương tự như văn bản được hiển thị bên dưới:

 * Serving Flask app "main" (lazy loading)
 * Environment: production
   WARNING: This is a development server.
   Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 315-059-987

Đầu ra này cho bạn biết ba phần thông tin quan trọng:

1.  * Serving Flask app "main" (lazy loading)
    * Environment: production
      WARNING: This is a development server.
      Do not use it in a production deployment.
      Use a production WSGI server instead.
    * Debug mode: on
    * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
    * Restarting with stat
    * Debugger is active!
    * Debugger PIN: 315-059-987
   

   0: Đây là máy chủ phát triển Flask Flask, có nghĩa là bạn không muốn sử dụng nó để phục vụ mã của mình trong sản xuất. Thay vào đó, Google App Engine sẽ xử lý điều đó cho bạn. This is Flask’s development server, which means you don’t want to use it to serve your code in production. Google App Engine will handle that for you instead.

2.  * Serving Flask app "main" (lazy loading)
    * Environment: production
      WARNING: This is a development server.
      Do not use it in a production deployment.
      Use a production WSGI server instead.
    * Debug mode: on
    * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
    * Restarting with stat
    * Debugger is active!
    * Debugger PIN: 315-059-987
   

   1: Đây là URL nơi bạn có thể tìm thấy ứng dụng của mình. Nó có URL cho Localhost của bạn, điều đó có nghĩa là ứng dụng đang chạy trên máy tính của riêng bạn. Điều hướng đến URL đó trong trình duyệt của bạn để xem mã của bạn trực tiếp. This is the URL where you can find your app. It’s the URL for your localhost, which means the app is running on your own computer. Navigate to that URL in your browser to see your code live.

3.  * Serving Flask app "main" (lazy loading)
    * Environment: production
      WARNING: This is a development server.
      Do not use it in a production deployment.
      Use a production WSGI server instead.
    * Debug mode: on
    * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
    * Restarting with stat
    * Debugger is active!
    * Debugger PIN: 315-059-987
   

   2: cùng một dòng cũng cho bạn biết rằng bạn có thể thoát khỏi máy chủ phát triển bằng cách nhấn Ctrl+C trên bàn phím của mình. The same line also tells you that you can exit the development server by pressing Ctrl+C on your keyboard.

Thực hiện theo các hướng dẫn và mở tab Trình duyệt tại

 * Serving Flask app "main" (lazy loading)
 * Environment: production
   WARNING: This is a development server.
   Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 315-059-987

$ python3 -m pip install -r requirements.txt

Bạn có thể sử dụng máy chủ phát triển Flask Flask để kiểm tra mọi thay đổi mà bạn thực hiện đối với mã của ứng dụng Python của bạn. Máy chủ lắng nghe các thay đổi bạn thực hiện trong mã và sẽ tự động tải lại để hiển thị chúng. Nếu ứng dụng của bạn không kết xuất như bạn mong đợi trên máy chủ phát triển, thì nó cũng đã giành được công việc trong sản xuất. Vì vậy, hãy chắc chắn rằng nó có vẻ tốt trước khi bạn triển khai nó.

Ngoài ra, hãy nhớ rằng ngay cả khi nó hoạt động tốt tại địa phương, nó có thể không hoạt động hoàn toàn giống nhau khi được triển khai. Điều này là do có các yếu tố khác liên quan khi bạn triển khai mã của mình lên Công cụ ứng dụng Google. Tuy nhiên, đối với một ứng dụng cơ bản như ứng dụng mà bạn xây dựng trong hướng dẫn này, bạn có thể tự tin rằng nó sẽ hoạt động trong sản xuất nếu nó hoạt động tốt tại địa phương.

Thay đổi giá trị trả về của

$ python3 -m pip install -r requirements.txt

$ python3 -m pip install -r requirements.txt

 * Serving Flask app "main" (lazy loading)
 * Environment: production
   WARNING: This is a development server.
   Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 315-059-987

Sau khi kiểm tra thiết lập của bạn và chức năng mã mã trên máy chủ phát triển cục bộ của bạn, bạn đã chuẩn bị triển khai nó với Google App Engine.

Thiết lập trên công cụ ứng dụng Google

Đọc qua quá trình thiết lập dưới đây từng bước. Bạn có thể so sánh những gì bạn thấy trong trình duyệt của bạn với ảnh chụp màn hình. Tên dự án được sử dụng trong ảnh chụp màn hình ví dụ là

$ source venv/bin/activate

Bắt đầu bằng cách đăng nhập vào nền tảng Google Cloud. Điều hướng đến chế độ xem bảng điều khiển, nơi bạn sẽ thấy một thanh công cụ ở đầu cửa sổ. Chọn nút mũi tên hướng xuống về phía bên trái của thanh công cụ. Điều này sẽ xuất hiện một phương thức chứa danh sách các dự án Google của bạn:

Phương thức hiển thị một danh sách các dự án của bạn. Danh sách này có thể trống nếu bạn đã tạo ra bất kỳ dự án nào. Ở phía trên bên phải của phương thức đó, hãy tìm nút dự án mới và nhấp vào nó:

Nhấp vào dự án mới sẽ chuyển hướng bạn đến một trang mới, nơi bạn có thể quyết định tên cho dự án của mình. Tên này sẽ xuất hiện trong URL của ứng dụng của bạn, sẽ trông tương tự như

 * Serving Flask app "main" (lazy loading)
 * Environment: production
   WARNING: This is a development server.
   Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 315-059-987

$ source venv/bin/activate

Bạn có thể thấy ID dự án của bạn bên dưới trường đầu vào tên dự án. ID dự án bao gồm tên bạn đã nhập và một số mà Google App Engine bổ sung. Trong trường hợp của hướng dẫn này, bạn có thể thấy rằng ID dự án là

ERROR: (gcloud.app.deploy)
You do not currently have an active account selected.
Please run:

  $ gcloud auth login

to obtain new credentials.

If you have already logged in with a different account:

    $ gcloud config set account ACCOUNT

to select an already authenticated account to use.

Bây giờ bạn có thể nhấp vào Tạo và chờ dự án được thiết lập ở phía Google App Engine. Khi đã hoàn thành, một thông báo sẽ xuất hiện cho bạn biết rằng một dự án mới đã được tạo ra. Nó cũng cung cấp cho bạn tùy chọn để chọn nó. Hãy tiếp tục và làm điều đó bằng cách nhấp vào Chọn Dự án:

Nhấp vào Chọn Dự án sẽ chuyển hướng bạn đến trang chính của dự án nền tảng Google Cloud mới của bạn. Có vẻ như thế này:

Từ đây, bạn muốn chuyển sang bảng điều khiển của Google App Engine. Bạn có thể làm điều đó bằng cách nhấp vào menu hamburger ở trên cùng bên trái, cuộn xuống để chọn Công cụ ứng dụng trong danh sách đầu tiên, sau đó chọn bảng điều khiển trên đầu danh sách bật lên tiếp theo:

Điều này cuối cùng sẽ chuyển hướng bạn đến chế độ xem bảng điều khiển động cơ Google App về dự án mới của bạn. Vì dự án trống cho đến nay, trang này sẽ trông giống như thế này:

Khi bạn thấy trang này, điều đó có nghĩa là bạn đã hoàn thành việc thiết lập một dự án mới trên Google App Engine. Bây giờ bạn đã sẵn sàng quay trở lại thiết bị đầu cuối trên máy tính của bạn và hoàn thành các bước cục bộ cần thiết để triển khai ứng dụng của bạn cho dự án này.

Thiết lập địa phương để triển khai

Sau khi cài đặt thành công Google Cloud SDK, bạn có quyền truy cập vào giao diện dòng lệnh

$ source venv/bin/activate

Như bạn có thể thấy ở góc dưới bên phải của trang, Google App Engine đề xuất lệnh đầu cuối để triển khai mã của bạn cho dự án này. Mở thiết bị đầu cuối của bạn, điều hướng đến thư mục dự án của bạn, sau đó chạy lệnh được đề xuất:

Khi bạn thực hiện lệnh này mà không cần thiết lập trước đó, chương trình sẽ trả lời bằng thông báo lỗi:

ERROR: (gcloud.app.deploy)
You do not currently have an active account selected.
Please run:

  $ gcloud auth login

to obtain new credentials.

If you have already logged in with a different account:

    $ gcloud config set account ACCOUNT

to select an already authenticated account to use.

Bạn nhận được thông báo lỗi này vì bạn có thể triển khai bất kỳ mã nào vào tài khoản công cụ Google ứng dụng của mình trừ khi bạn chứng minh với Google rằng bạn là chủ sở hữu của tài khoản đó. Bạn cần phải xác thực với tài khoản Google App Engine từ máy tính cục bộ của bạn.

Ứng dụng dòng lệnh

$ source venv/bin/activate

Điều này sẽ bắt đầu quá trình xác thực bằng cách tạo URL xác thực và mở nó trong trình duyệt của bạn. Hoàn thành quy trình bằng cách chọn tài khoản Google của bạn trong cửa sổ trình duyệt và cấp cho Google Cloud SDK các đặc quyền cần thiết. Sau khi bạn làm điều này, bạn có thể quay lại thiết bị đầu cuối của mình, nơi bạn sẽ thấy một số thông tin về quy trình xác thực:

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

Nếu bạn thấy tin nhắn này, thì xác thực đã thành công. Bạn cũng có thể thấy rằng chương trình dòng lệnh một lần nữa cung cấp cho bạn thông tin hữu ích về bước tiếp theo của bạn.

Nó cho bạn biết rằng hiện tại không có bộ dự án nào và bạn có thể đặt một bộ bằng cách chạy

ERROR: (gcloud.app.deploy)
You do not currently have an active account selected.
Please run:

  $ gcloud auth login

to obtain new credentials.

If you have already logged in with a different account:

    $ gcloud config set account ACCOUNT

to select an already authenticated account to use.

Hãy chắc chắn thay thế

ERROR: (gcloud.app.deploy)
You do not currently have an active account selected.
Please run:

  $ gcloud auth login

to obtain new credentials.

If you have already logged in with a different account:

    $ gcloud config set account ACCOUNT

to select an already authenticated account to use.

$ gcloud config set project hello-app-295110

Thiết bị đầu cuối của bạn sẽ in ra một thông báo phản hồi ngắn mà tài sản dự án đã được cập nhật. Sau khi xác thực thành công và đặt dự án mặc định cho ID dự án của bạn, bạn đã hoàn thành các bước thiết lập cần thiết.

Chạy quá trình triển khai

Bây giờ bạn đã sẵn sàng để thử lệnh triển khai ban đầu lần thứ hai:

Ứng dụng

$ source venv/bin/activate

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Nhập một trong các số được liệt kê ở phía bên trái và nhấn Enter.Enter.

Sau khi bạn nhập một số, CLI sẽ tiếp tục với quy trình thiết lập. Trước khi triển khai mã của bạn lên Công cụ ứng dụng Google, nó sẽ cho bạn thấy tổng quan về việc triển khai sẽ trông như thế nào và yêu cầu bạn xác nhận cuối cùng:

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Sau khi bạn xác nhận thiết lập bằng cách gõ y, việc triển khai của bạn cuối cùng sẽ trên đường đi. Thiết bị đầu cuối của bạn sẽ hiển thị cho bạn thêm một số thông tin và một hoạt hình tải nhỏ trong khi Google App Engine thiết lập dự án của bạn trên máy chủ của nó:Y, your deployment will finally be on its way. Your terminal will show you some more information and a small loading animation while Google App Engine sets up your project on its servers:

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Vì đây là lần triển khai đầu tiên của ứng dụng web của bạn, nên có thể mất vài phút để hoàn thành. Sau khi triển khai kết thúc, bạn sẽ thấy một đầu ra hữu ích khác trong bảng điều khiển. Nó trông giống như cái dưới đây:

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Bây giờ bạn có thể điều hướng đến URL đã đề cập trong trình duyệt của mình hoặc nhập lệnh được đề xuất

ERROR: (gcloud.app.deploy)
You do not currently have an active account selected.
Please run:

  $ gcloud auth login

to obtain new credentials.

If you have already logged in with a different account:

    $ gcloud config set account ACCOUNT

to select an already authenticated account to use.

$ python3 -m pip install -r requirements.txt

Lưu ý rằng trang web này có một URL mà bạn có thể chia sẻ với người khác và họ sẽ có thể truy cập nó. Bây giờ bạn có một ứng dụng web Python trực tiếp!

Thay đổi giá trị trả về của

$ python3 -m pip install -r requirements.txt

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

Với điều này, bạn đã hoàn thành các bước cần thiết để đưa mã Python cục bộ của mình lên web. Tuy nhiên, chức năng duy nhất mà bạn đã đặt trực tuyến cho đến nay là in ra một chuỗi văn bản.

Thời gian để đẩy nó lên! Theo quy trình tương tự, bạn sẽ mang lại chức năng thú vị hơn trực tuyến trong phần tiếp theo. Bạn sẽ tái cấu trúc mã của tập lệnh chuyển đổi nhiệt độ cục bộ thành một ứng dụng web Flask.

Thêm mã làm hàm

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í

$ python3 -m pip install -r requirements.txt

Bắt đầu bằng cách thêm

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

$ source venv/bin/activate

$ python3 -m pip install -r requirements.txt

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Cho đến nay, bạn chỉ sao chép mã tập lệnh Python của mình vào một chức năng trong ứng dụng bình của bạn và thêm trình trang trí

$ python3 -m pip install -r requirements.txt

Tuy nhiên, đã có một vấn đề với thiết lập này. Đ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 thử một lần.

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 (

$ python3 -m pip install -r requirements.txt

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

$ python3 -m pip install -r requirements.txt

Chức năng thứ hai của bạn sẽ cần con đường độc đáo của riêng mình để có thể truy cập được. Ngoài ra, bạn vẫn cần cho phép người dùng của bạn cung cấp đầu vào cho chức năng của bạn.

Truyền các giá trị cho mã của bạn

Bạn có thể giải quyết cả hai tác vụ này 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. Điều này chỉ đòi hỏi một thay đổi nhỏ đối với tham số của bộ trang trí

$ python3 -m pip install -r requirements.txt

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Cú pháp khung góc (

$ gcloud config set project hello-app-295110

$ python3 -m pip install -r requirements.txt

$ gcloud config set project hello-app-295110

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

$ gcloud config set project hello-app-295110

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 mình bằng các điểm cuối URL khác nhau:

• INDEX (

  $ gcloud config set project hello-app-295110
  

  6): Nếu bạn truy cập URL cơ sở, thì bạn sẽ thấy thông điệp đáng khích lệ từ trước. If you go to the base URL, then you’ll see the short encouraging message from before.
• Celsius (

  $ gcloud config set project hello-app-295110
  

  7): 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. If you add a number after the forward slash, then you’ll see the converted temperature appear in your browser.

Chơi xung quanh với nó thêm một số và thử nhập các đầu vào khác nhau. 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à người. Ứ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.

Tái cấu trúc mã của bạn

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. Tất cả đ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ố thành

$ python3 -m pip install -r requirements.txt

$ python3 -m pip install -r requirements.txt

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Thêm

$ gcloud config set project hello-app-295110

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Sau khi áp dụng kiểm tra loại Flask Flask, giờ đây bạn có thể loại bỏ khối

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

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, sau đó triển khai ứng dụng của bạn một lần nữa với Google App Engine.

Tái cấu trúc

$ python3 -m pip install -r requirements.txt

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 sang nhiệt độ 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. 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.

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.input box that allows users to enter a number directly on the page rather than through the URL.

Thu thập đầu vào của người dùng

Bắt đầu bằng cách tạo phần tử

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

$ python3 -m pip install -r requirements.txt

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Khi bạn tải lại trang của mình tại URL cơ sở, bạn sẽ thấy một hộp đầu vào và một nút. HTML hiển thị chính xác. Xin chúc mừng, bạn vừa tạo một biểu mẫu đầu vào!

Điều gì xảy ra khi bạn nhập giá trị và sau đó nhấp vào Chuyển đổi? Mặc dù trang trông giống nhau, bạn có thể nhận thấy rằng URL đã thay đổi. Bây giờ nó hiển thị một tham số truy vấn có giá trị sau URL cơ sở.query parameter with a value after the base URL.

Ví dụ: nếu bạn đã nhập

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Tuy nhiên, không có gì hiện tại xảy ra với giá trị bổ sung đó. Mặc dù biểu mẫu được thiết lập như vậy, nhưng nó chưa được kết nối chính xác với chức năng mã của ứng dụng web Python của bạn.

Để hiểu cách tạo kết nối đó, bạn sẽ đọc về từng phần của phần tử

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

1. Phần tử

   app-engine-python 1.9.91
   bq 2.0.62
   cloud-datastore-emulator 2.1.0
   core 2020.11.13
   gsutil 4.55
   

   06
2. Hộp đầu vào
3. Gửi nút

Mỗi trong số này là các yếu tố HTML riêng biệt. Mặc dù hướng dẫn này nhằm mục đích tập trung vào Python chứ không phải HTML, nhưng nó vẫn hữu ích để có một sự hiểu biết cơ bản về những gì diễn ra trong khối mã HTML này. Bắt đầu bằng cách nhìn vào phần tử HTML ngoài cùng.

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

$ gcloud config set project hello-app-295110

Nhận đầu vào của người dùng

Trong thuộc tính

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

$ python3 -m pip install -r requirements.txt

1. Nhập Flask Flask

   app-engine-python 1.9.91
   bq 2.0.62
   cloud-datastore-emulator 2.1.0
   core 2020.11.13
   gsutil 4.55
   

   46 Đối tượng: Giống như nhiều khung web, Flask chuyển các yêu cầu HTTP cùng như các đối tượng toàn cầu. Để có thể sử dụng đối tượng

   app-engine-python 1.9.91
   bq 2.0.62
   cloud-datastore-emulator 2.1.0
   core 2020.11.13
   gsutil 4.55
   

   46 toàn cầu này, trước tiên bạn cần nhập nó. Like many web frameworks, Flask passes HTTP requests along as global objects. In order to be able to use this global

   app-engine-python 1.9.91
   bq 2.0.62
   cloud-datastore-emulator 2.1.0
   core 2020.11.13
   gsutil 4.55
   

   46 object, you first need to import it.

2. Tìm nạp giá trị: Đối tượng

   app-engine-python 1.9.91
   bq 2.0.62
   cloud-datastore-emulator 2.1.0
   core 2020.11.13
   gsutil 4.55
   

   46 chứa giá trị đã gửi và cho phép bạn truy cập vào nó thông qua cú pháp từ điển Python. Bạn cần lấy nó từ đối tượng toàn cầu để có thể sử dụng nó trong chức năng của bạn. The

   app-engine-python 1.9.91
   bq 2.0.62
   cloud-datastore-emulator 2.1.0
   core 2020.11.13
   gsutil 4.55
   

   46 object contains the submitted value and gives you access to it through a Python dictionary syntax. You need to fetch it from the global object to be able to use it in your function.

Viết lại mã của bạn và thêm hai thay đổi này ngay bây giờ. Bạn cũng sẽ muốn thêm giá trị bị bắt ở cuối chuỗi biểu mẫu để hiển thị nó sau biểu mẫu:

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

Từ điển

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

$ gcloud config set project hello-app-295110

Cho nó một vòng quay! Bây giờ bạn có thể nhập một số và thấy nó được hiển thị ngay bên dưới nút biểu mẫu. Nếu bạn nhập một số mới, thì số cũ sẽ được thay thế. Bạn có thể gửi chính xác và nhận dữ liệu mà người dùng của bạn đang gửi.

Trước khi bạn chuyển sang tích hợp giá trị đã gửi với mã chuyển đổi nhiệt độ của bạn, có bất kỳ vấn đề tiềm ẩn nào bạn có thể nghĩ đến với việc triển khai này không?

Điều gì xảy ra khi bạn nhập một chuỗi thay vì một số? Hãy thử một lần.

Bây giờ nhập mã HTML ngắn

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Hiện tại, ứng dụng web của bạn chấp nhận bất kỳ loại đầu vào nào, có thể là một số, chuỗi hoặc thậm chí mã HTML hoặc JavaScript. Điều này cực kỳ nguy hiểm vì người dùng của bạn có thể vô tình hoặc cố tình phá vỡ ứng dụng web của bạn bằng cách nhập các loại nội dung cụ thể.

Hầu hết thời gian bạn nên tự động cho phép Flask chăm sóc các vấn đề bảo mật này bằng cách sử dụng một thiết lập dự án khác. Tuy nhiên, bây giờ bạn đang ở trong tình huống này, vì vậy, bạn nên tìm hiểu làm thế nào bạn có thể làm thủ công biểu mẫu bạn đã tạo đầu vào an toàn.

Thoát khỏi đầu vào người dùng

Lấy đầu vào từ người dùng và hiển thị lại đầu vào đó mà không cần điều tra trước những gì bạn sẽ hiển thị là một lỗ hổng bảo mật lớn. Ngay cả khi không có ý định độc hại, người dùng của bạn có thể làm những việc bất ngờ khiến ứng dụng của bạn bị phá vỡ.

Cố gắng hack hình thức đầu vào không được ghi nhận của bạn bằng cách thêm một số văn bản HTML vào nó. Thay vì nhập một số, hãy sao chép dòng mã HTML sau, dán nó vào hộp đầu vào của bạn và nhấp vào Chuyển đổi:

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

Bình chèn văn bản trực tiếp vào mã HTML, điều này khiến đầu vào văn bản này được hiểu là thẻ HTML. Do đó, trình duyệt của bạn hiển thị mã một cách nghiêm túc, như với bất kỳ HTML nào khác. Thay vì hiển thị lại đầu vào dưới dạng văn bản, bạn đột nhiên phải đối phó với một liên kết spam giáo dục sành điệu được truyền thời gian ở đây ngay từ những năm 90:

Mặc dù ví dụ này là vô hại và biến mất với việc làm mới trang của bạn, bạn có thể tưởng tượng làm thế nào điều này có thể đưa ra một vấn đề bảo mật khi các loại nội dung khác được thêm vào theo cách này. Bạn không muốn mở ra khả năng người dùng chỉnh sửa các khía cạnh của ứng dụng web của bạn mà aren có nghĩa là được chỉnh sửa.

Để tránh điều này, bạn có thể sử dụng Flask,

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Trước tiên, bạn cần nhập

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

Làm mới máy chủ phát triển của bạn và thử gửi một số mã HTML. Bây giờ nó sẽ được hiển thị lại cho bạn dưới dạng chuỗi văn bản mà bạn đã nhập.

Sau khi học cách thu thập đầu vào của người dùng và cách thoát khỏi nó, cuối cùng bạn cũng đã sẵn sàng thực hiện chức năng chuyển đổi nhiệt độ và hiển thị cho người dùng Fahrenheit tương đương với nhiệt độ Celsius mà họ đã nhập.

Xử lý đầu vào người dùng

Vì phương pháp này chỉ sử dụng một điểm cuối URL, bạn có thể dựa vào bình để gõ kiểm tra đầu vào của người dùng thông qua việc chụp thành phần đường dẫn URL như bạn đã làm trước đó. Điều này có nghĩa là bạn sẽ muốn giới thiệu lại khối

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

Lần này,

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

$ python3 -m pip install -r requirements.txt

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

$ python3 -m pip install -r requirements.txt

Sau khi xóa trình trang trí từ

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

$ python3 -m pip install -r requirements.txt

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

$ gcloud config set project hello-app-295110

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Làm điều này cho phép bạn thêm giá trị của

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Sau khi áp dụng các thay đổi cuối cùng này, bạn hoàn thành mã cho ứng dụng Bình chuyển đổi nhiệt độ của mình:

 1from flask import Flask
 2
 3app = Flask(__name__)
 4
 5@app.route("/")
 6def index():
 7    return "Congratulations, it's a web app!"

Vì đã có khá nhiều thay đổi, nên ở đây, một đánh giá từng bước về các dòng đã chỉnh sửa:

• Dòng 2: Bạn không sử dụng

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  73 nữa, vì vậy bạn có thể xóa nó khỏi câu lệnh nhập. You’re not using

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  73 anymore, so you can remove it from the import statement.

• Các dòng 8, 11 và 12: Như trước đây, bạn đã tìm nạp giá trị do người dùng gửi qua Flask Flask Global

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  46 đối tượng. Bằng cách sử dụng phương pháp từ điển

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  75, bạn đảm bảo rằng một chuỗi trống được trả về nếu khóa được tìm thấy. Đó là trường hợp nếu trang được tải ban đầu và người dùng đã không gửi biểu mẫu. Điều này được thực hiện trong dòng 11 và 12. As before, you’re fetching the user-submitted value through Flask’s global

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  46 object. By using the dictionary method

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  75, you assure that an empty string gets returned if the key isn’t found. That’ll be the case if the page is loaded initially and the user hasn’t submitted the form yet. This is implemented in lines 11 and 12.

• Dòng 19: Bằng cách trả lại biểu mẫu với chuỗi trống mặc định bị kẹt vào cuối, bạn tránh hiển thị bất cứ điều gì trước khi biểu mẫu được gửi. By returning the form with the default empty string stuck to the end, you avoid displaying anything before the form has been submitted.

• Dòng 9 và 10: Sau khi người dùng của bạn nhập giá trị và nhấp vào Chuyển đổi, cùng một trang sẽ được tải lại. Lần này,

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  76 tìm khóa

  $ gcloud config set project hello-app-295110
  

  3 và trả về giá trị liên quan. Điều này làm cho câu lệnh có điều kiện đánh giá thành

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  78 và giá trị do người dùng cung cấp được chuyển sang

  Your browser has been opened to visit:
  
      https://accounts.google.com/o/oauth2/auth?client_id=
  
  You are now logged in as [<>].
  Your current project is [None].  You can change this setting by running:
    $ gcloud config set project PROJECT_ID
  

  2. After your users enter a value and click Convert, the same page gets loaded again. This time around,

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  76 finds the

  $ gcloud config set project hello-app-295110
  

  3 key and returns the associated value. This makes the conditional statement evaluate to

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  78, and the user-provided value is passed to

  Your browser has been opened to visit:
  
      https://accounts.google.com/o/oauth2/auth?client_id=
  
  You are now logged in as [<>].
  Your current project is [None].  You can change this setting by running:
    $ gcloud config set project PROJECT_ID
  

  2.

• Các dòng 24 đến 29:

  Your browser has been opened to visit:
  
      https://accounts.google.com/o/oauth2/auth?client_id=
  
  You are now logged in as [<>].
  Your current project is [None].  You can change this setting by running:
    $ gcloud config set project PROJECT_ID
  

  2 Kiểm tra xem người dùng có cung cấp đầu vào hợp lệ không. Nếu giá trị được cung cấp có thể được chuyển đổi thành

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  81, thì hàm này áp dụng mã chuyển đổi nhiệt độ và trả về nhiệt độ trong Fahrenheit. Nếu nó có thể được chuyển đổi, thì ngoại lệ

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  82 sẽ được nâng lên và chức năng trả về chuỗi

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  83 thay thế.

  Your browser has been opened to visit:
  
      https://accounts.google.com/o/oauth2/auth?client_id=
  
  You are now logged in as [<>].
  Your current project is [None].  You can change this setting by running:
    $ gcloud config set project PROJECT_ID
  

  2 checks if the user supplied a valid input. If the provided value can be converted to a

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  81, then the function applies the temperature conversion code and returns the temperature in Fahrenheit. If it can’t be converted, then a

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  82 exception is raised, and the function returns the string

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  83 instead.

• Dòng 19: Lần này, khi bạn kết hợp biến

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  71 đến cuối chuỗi HTML, nó chỉ vào giá trị trả về của

  Your browser has been opened to visit:
  
      https://accounts.google.com/o/oauth2/auth?client_id=
  
  You are now logged in as [<>].
  Your current project is [None].  You can change this setting by running:
    $ gcloud config set project PROJECT_ID
  

  2. Điều này có nghĩa là nhiệt độ được chuyển đổi hoặc chuỗi thông báo lỗi sẽ được thêm vào HTML của bạn. This time, when you concatenate the

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  71 variable to the end of the HTML string, it points to the return value of

  Your browser has been opened to visit:
  
      https://accounts.google.com/o/oauth2/auth?client_id=
  
  You are now logged in as [<>].
  Your current project is [None].  You can change this setting by running:
    $ gcloud config set project PROJECT_ID
  

  2. This means that either the converted temperature or the error message string will be added to your HTML.

• Các dòng 15 và 18: Để làm cho trang dễ sử dụng hơn, bạn cũng thêm các nhãn mô tả

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  86 và

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  87 vào cùng chuỗi HTML này. To make the page easier to use, you also add the descriptive labels

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  86 and

  app-engine-python 1.9.91
  bq 2.0.62
  cloud-datastore-emulator 2.1.0
  core 2020.11.13
  gsutil 4.55
  

  87 to this same HTML string.

Trang của bạn sẽ hiển thị chính xác mặc dù cách bạn thêm các chuỗi này không đại diện cho HTML hợp lệ. Điều này hoạt động nhờ sức mạnh của các trình duyệt hiện đại.

Hãy nhớ rằng nếu bạn quan tâm đến việc lặn sâu hơn vào phát triển web, thì bạn sẽ cần phải học HTML. Nhưng vì lợi ích của việc triển khai kịch bản Python của bạn trực tuyến, điều này sẽ làm tốt.

Bây giờ bạn sẽ có thể sử dụng tập lệnh chuyển đổi nhiệt độ của bạn bên trong trình duyệt của bạn. Bạn có thể cung cấp nhiệt độ Celsius thông qua hộp đầu vào, nhấp vào nút và xem kết quả Fahrenheit được chuyển đổi xuất hiện trên cùng một trang web. Vì bạn sử dụng yêu cầu HTTP Get mặc định, bạn cũng có thể thấy dữ liệu đã gửi xuất hiện trong URL.

Triển khai ứng dụng đã hoàn thành của bạn một lần nữa cho Công cụ ứng dụng Google bằng lệnh

Your browser has been opened to visit:

    https://accounts.google.com/o/oauth2/auth?client_id=

You are now logged in as [<>].
Your current project is [None].  You can change this setting by running:
  $ gcloud config set project PROJECT_ID

ERROR: (gcloud.app.deploy)
You do not currently have an active account selected.
Please run:

  $ gcloud auth login

to obtain new credentials.

If you have already logged in with a different account:

    $ gcloud config set account ACCOUNT

to select an already authenticated account to use.

URL của ứng dụng web chuyển đổi nhiệt độ của bạn vẫn trông giống như

app-engine-python 1.9.91
bq 2.0.62
cloud-datastore-emulator 2.1.0
core 2020.11.13
gsutil 4.55

Xem lại các hướng dẫn triển khai, tạo một dự án mới trên Công cụ ứng dụng Google với tên phù hợp hơn và triển khai ứng dụng của bạn ở đó. Điều này sẽ cung cấp cho bạn thực hành trong việc tạo các dự án và triển khai các ứng dụng bình của bạn cho Google App Engine.

Tại thời điểm này, bạn đã chuyển đổi thành công tập lệnh Python của mình thành một ứng dụng web Python và triển khai nó thành Google App Engine để lưu trữ trực tuyến. Bạn có thể sử dụng cùng một quy trình để chuyển đổi nhiều tập lệnh Python của mình thành các ứng dụng web.

Tạo trình tạo bài thơ của riêng bạn cho phép người dùng tạo các bài thơ ngắn bằng biểu mẫu web. Ứng dụng web của bạn nên sử dụng một trang duy nhất với một biểu mẫu chấp nhận nhận được yêu cầu. Bạn có thể sử dụng mã ví dụ này để bắt đầu hoặc bạn có thể viết của riêng bạn.

Nếu bạn muốn tìm hiểu thêm về những gì bạn có thể làm với Google App Engine, thì bạn có thể đọc về việc sử dụng các tệp tĩnh và thêm tệp CSS vào ứng dụng web Python của bạn để cải thiện diện mạo tổng thể của nó.

Lưu trữ mã trực tuyến của bạn có thể làm cho nó có thể truy cập được cho nhiều người qua internet. Đi trước và chuyển đổi các tập lệnh yêu thích của bạn thành các ứng dụng bình và hiển thị chúng với thế giới.