serve -s build -l 4000
1 tạo một thư mục serve -s build -l 4000
2 với bản dựng sản xuất của ứng dụng của bạn. Bên trong thư mục serve -s build -l 4000
3 sẽ là các tệp JavaScript và CSS của bạn. Mỗi tên tệp bên trong serve -s build -l 4000
3 sẽ chứa một hàm băm duy nhất của nội dung tệp. Hàm băm này trong tên tệp cho phépKhi chạy bản dựng sản xuất của ứng dụng Create React App mới được tạo, có một số tệp
serve -s build -l 4000
5 [được gọi là khối] được tạo và đặt trong thư mục serve -s build -l 4000
6serve -s build -l 4000
7- Đây là mã ứng dụng của bạn.
8, v.v.serve -s build -l 4000
serve -s build -l 4000
9- Các tệp này có thể là mã của nhà cung cấp hoặc các khối phân tách mã. Mã nhà cung cấp bao gồm các mô-đun mà bạn đã nhập từ bên trong
0. Một trong những lợi thế tiềm năng với việc tách mã nhà cung cấp và mã ứng dụng của bạn là cho phép cải thiện hiệu suất tải ứng dụng. Vì mã nhà cung cấp có xu hướng ít thay đổi hơn so với mã ứng dụng thực, nên trình duyệt sẽ có thể lưu chúng vào bộ nhớ cache riêng biệt và sẽ không tải xuống lại chúng mỗi khi mã ứng dụng thay đổiserve -h
serve -h
1- Đây là một đoạn logic nhỏ được sử dụng để tải và chạy ứng dụng của bạn. Theo mặc định, nội dung này sẽ được nhúng trong tệp
2 của bạn để lưu yêu cầu mạng bổ sung. Bạn có thể từ chối điều này bằng cách chỉ địnhserve -h
3, nó sẽ tải đoạn này thay vì nhúng nó vàoserve -h
4 của bạnserve -h
Nếu bạn đang sử dụng phân tách mã để chia nhỏ ứng dụng của mình, điều này cũng sẽ tạo ra các khối bổ sung trong thư mục
serve -s build -l 4000
3Triển khai
serve -s build -l 4000
1 tạo một thư mục serve -s build -l 4000
2 với bản dựng sản xuất của ứng dụng của bạn. Thiết lập máy chủ HTTP yêu thích của bạn để khách truy cập vào trang web của bạn được phục vụ serve -h
4 và các yêu cầu đối với các đường dẫn tĩnh như serve -h
9 được phục vụ cùng với nội dung của tệp serve -h
9. Để biết thêm thông tin, hãy xem phần bản dựng sản xuất của tài liệu Tạo ứng dụng ReactMáy chủ tĩnh
Đối với các môi trường sử dụng Node, cách dễ nhất để xử lý việc này là cài đặt dịch vụ và để nó xử lý phần còn lại
serve -s build -l 4000
0Lệnh cuối cùng được hiển thị ở trên sẽ phục vụ trang tĩnh của bạn trên cổng 5000. Giống như nhiều cài đặt bên trong của giao bóng, cổng có thể được điều chỉnh bằng cách sử dụng cờ
serve -s build -l 4000
11 hoặc serve -s build -l 4000
12serve -s build -l 4000
Chạy lệnh này để có danh sách đầy đủ các tùy chọn có sẵn
serve -h
Giải pháp khác
Bạn không nhất thiết phải có máy chủ tĩnh để chạy dự án Tạo ứng dụng phản ứng trong sản xuất. Nó hoạt động tốt khi được tích hợp vào một động hiện có
Đây là một ví dụ lập trình sử dụng Node và Express
serve -s build -l 4000
1Việc lựa chọn phần mềm máy chủ của bạn cũng không quan trọng. Vì Create React App hoàn toàn không phụ thuộc vào nền tảng, nên không cần sử dụng Node một cách rõ ràng
Thư mục
serve -s build -l 4000
2 với nội dung tĩnh là đầu ra duy nhất được tạo bởi ứng dụng Create ReactTuy nhiên, điều này là không đủ nếu bạn sử dụng định tuyến phía máy khách. Hãy đọc phần tiếp theo nếu bạn muốn hỗ trợ các URL như
serve -s build -l 4000
14 trong ứng dụng một trang của mìnhCung cấp ứng dụng với định tuyến phía máy khách
Nếu bạn sử dụng bộ định tuyến sử dụng HTML5 bên trong [ví dụ: Bộ định tuyến React với
serve -s build -l 4000
16], nhiều máy chủ tệp tĩnh sẽ bị lỗi. Ví dụ: nếu bạn đã sử dụng Bộ định tuyến React với tuyến đường dành cho serve -s build -l 4000
14, thì máy chủ phát triển sẽ phản hồi đúng với serve -s build -l 4000
18, nhưng một Express phục vụ bản dựng sản xuất như trên sẽ khôngĐiều này là do khi tải trang mới cho
serve -s build -l 4000
14, máy chủ sẽ tìm tệp serve -s build -l 4000
20 và không tìm thấy tệp đó. Máy chủ cần được định cấu hình để đáp ứng yêu cầu tới serve -s build -l 4000
14 bằng cách phục vụ serve -h
4. Ví dụ: chúng tôi có thể sửa đổi ví dụ Express ở trên để phục vụ serve -h
4 cho mọi đường dẫn không xác địnhserve -s build -l 4000
2Nếu bạn đang sử dụng Máy chủ HTTP Apache, bạn cần tạo một tệp
serve -s build -l 4000
24 trong thư mục serve -s build -l 4000
25 trông như thế nàyserve -s build -l 4000
9Nó sẽ được sao chép vào thư mục
serve -s build -l 4000
2 khi bạn chạy serve -s build -l 4000
1Nếu bạn đang sử dụng Apache Tomcat, bạn cần làm theo câu trả lời Stack Overflow này
Bây giờ các yêu cầu tới
serve -s build -l 4000
14 sẽ được xử lý chính xác cả trong quá trình phát triển và sản xuấtXây dựng cho các đường dẫn tương đối
Theo mặc định, Tạo ứng dụng phản ứng tạo ra một bản dựng giả sử ứng dụng của bạn được lưu trữ tại thư mục gốc của máy chủ
Để ghi đè điều này, hãy chỉ định
serve -s build -l 4000
29 trong serve -s build -l 4000
90 của bạn, chẳng hạnserve -s build -l 4000
5Điều này sẽ cho phép Create React App suy luận chính xác đường dẫn gốc để sử dụng trong tệp HTML được tạo
Ghi chú. Nếu bạn đang sử dụng
serve -s build -l 4000
91, bạn có thể root các serve -s build -l 4000
92 bằng cách sử dụng giá đỡ serve -s build -l 4000
93 trên bất kỳ serve -s build -l 4000
94 nào. Thông tin thêm tại đây.
Ví dụ
serve -s build -l 4000
0Phục vụ cùng một bản dựng từ các đường dẫn khác nhau
Ghi chú. tính năng này khả dụng với
95 trở lênserve -s build -l 4000
Nếu bạn hiện không sử dụng API lịch sử
serve -s build -l 4000
15 của HTML5 hoặc hoàn toàn không sử dụng định tuyến phía máy khách, bạn không cần chỉ định URL mà từ đó ứng dụng của bạn sẽ được phân phối. Thay vào đó, bạn có thể đặt cái này vào serve -s build -l 4000
90 của mìnhserve -s build -l 4000
4Điều này sẽ đảm bảo rằng tất cả các đường dẫn nội dung đều liên quan đến
serve -h
4. Sau đó, bạn sẽ có thể di chuyển ứng dụng của mình từ serve -s build -l 4000
99 sang serve -s build -l 4000
50 hoặc thậm chí là serve -s build -l 4000
51 mà không cần phải xây dựng lại ứng dụngTùy chỉnh biến môi trường cho môi trường xây dựng tùy ý
Bạn có thể tạo môi trường xây dựng tùy ý bằng cách tạo tệp
serve -s build -l 4000
52 tùy chỉnh và tải tệp đó bằng env-cmdVí dụ: để tạo môi trường xây dựng cho môi trường dàn dựng
- Tạo một tệp có tên là
53serve -s build -l 4000
- Đặt các biến môi trường giống như bất kỳ tệp
52 nào khác [e. g.serve -s build -l 4000
55]serve -s build -l 4000
- Cài đặt env-cmd
3serve -s build -l 4000
- Thêm tập lệnh mới vào
90 của bạn, xây dựng với môi trường mới của bạnserve -s build -l 4000
0serve -s build -l 4000
Bây giờ bạn có thể chạy
serve -s build -l 4000
57 để xây dựng với cấu hình môi trường dàn dựng. Bạn có thể chỉ định các môi trường khác theo cách tương tựCác biến trong
serve -s build -l 4000
58 sẽ được sử dụng làm dự phòng vì serve -s build -l 4000
59 sẽ luôn được đặt thành serve -s build -l 4000
00 cho bản dựngBộ nhớ đệm tệp tĩnh
Mỗi tệp bên trong thư mục
serve -s build -l 4000
3 sẽ có một hàm băm duy nhất được thêm vào tên tệp được tạo dựa trên nội dung của tệp, cho phép bạn sử dụng để tránh trình duyệt tải xuống lại tài sản của mình nếu nội dung tệp không thay đổi. Nếu nội dung của tệp thay đổi trong bản dựng tiếp theo, hàm băm tên tệp được tạo sẽ khácĐể mang lại hiệu suất tốt nhất cho người dùng của bạn, cách tốt nhất là chỉ định tiêu đề
serve -s build -l 4000
02 cho serve -h
4, cũng như các tệp trong serve -s build -l 4000
3. Tiêu đề này cho phép bạn kiểm soát khoảng thời gian mà trình duyệt cũng như CDN sẽ lưu trữ nội dung tĩnh của bạn. Nếu bạn không quen với những gì serve -s build -l 4000
02 làm, hãy xem bài viết này để có phần giới thiệu tuyệt vờiSử dụng
serve -s build -l 4000
06 cho nội dung serve -s build -l 4000
3 của bạn và serve -s build -l 4000
08 cho mọi nội dung khác là điểm bắt đầu an toàn và hiệu quả để đảm bảo trình duyệt của người dùng của bạn sẽ luôn kiểm tra tệp serve -h
4 được cập nhật và sẽ lưu vào bộ nhớ cache tất cả tệp serve -s build -l 4000
3 trong một năm. Lưu ý rằng bạn có thể sử dụng thời hạn một năm vào ngày serve -s build -l 4000
3 một cách an toàn vì hàm băm nội dung tệp được nhúng vào tên tệp