Cách triển khai ứng dụng Flask + React cho Azure Web Service

Question

Tôi đã làm việc trên ứng dụng này trên localhost của mình, trong đó có Flask làm phụ trợ ( localhost: 5000 ) và React làm giao diện người dùng ( localhost: 3000 ) và chúng đã giao tiếp tốt. Bây giờ tôi phải đưa nó lên trực tuyến để các ppl khác cũng có thể nhìn thấy nó - Tôi không có nhiều kinh nghiệm về Azure, nhưng làm thế nào tôi có thể triển khai hai thành phần này (React & Flask) thành một URL trên dịch vụ ứng dụng web Azure? (Trước khi tôi có một số kinh nghiệm trong việc sử dụng FTP để tải thư mục ' xây dựng ' lên thư mục " site / wwwroot " để tạo một ứng dụng React đơn giản mà không có bất kỳ chương trình phụ trợ nào)

Answer 1

Mới nhất

Sau khi thử nghiệm, dự án python được triển khai trong ứng dụng web, dự án phản ứng được triển khai trong ứng dụng ảo và dự án nút bình thường cũng được triển khai trong ứng dụng ảo.

Triển khai dự án flask python trong môi trường windows, phương pháp triển khai bình thường sẽ không thành công, hãy đảm bảo làm theo tài liệu blog này (tài liệu của bên thứ ba) để hoạt động, nó hoạt động đối với tôi.

Chạy ứng dụng Flask với HttpPlatformHandler trong Dịch vụ ứng dụng Azure

Hiệu ứng được thể hiện trong hình. Bạn có thể thấy rằng dự án nút bình thường có thể được truy cập bình thường, nhưng dự án phản ứng thì không. Tôi nghĩ rằng có một số lỗi. ( Đã tăng một phiếu hỗ trợ để xác nhận )

Phương pháp triển khai của ứng dụng ảo được khuyến nghị áp dụng phương pháp xuất bản được hiển thị trong hình bên dưới.

Kiêu ngạo

Bạn nên chọn windows khi tạo ứng dụng web azure, vì windows hỗ trợ ứng dụng ảo.

Chúng tôi có thể triển khai ứng dụng bình thường và triển khai ứng dụng phản ứng trong ứng dụng ảo.

Trong các trường hợp bình thường, process.env.porthai ứng dụng web giống nhau và sẽ không ảnh hưởng đến nhau do đường dẫn ảo.

Bài tham khảo:

1. Vue Frontend và Express backend trên cùng một Dịch vụ ứng dụng web Azure

2. Cửa trước Azure không duy trì miền tùy chỉnh trong trình duyệt