Tôi có thể lưu trữ ứng dụng react của mình để sử dụng miễn phí react-router-dom với Netlify không?
Dự án của tôi:
- React (tôi sử dụng create-react-appthư viện)
- Sử dụng
react-router-domsử dụngBrowserRouter,RoutevàSwitchnhập khẩu. Điều này cho phép tôi truy cập các url khác nhau: ví dụ: khi tôi chạy ứng dụng của mình trên localhost,localhost3000là home. Một phần chức năng của ứng dụng của tôi là tạo ngẫu nhiên các url - ví dụ:localhost3000/123456hoặclocalhost3000/654321.
- Sử dụng
- Thực hiện các thay đổi đối với cơ sở dữ liệu trong Cơ sở dữ liệu thời gian thực của Firebase và sử dụng Xác thực của Firebase.
Tôi cân gi:
Miễn phí: vì ứng dụng này là một phần của danh mục đầu tư, tôi nghĩ tất cả những gì tôi cần là bất kỳ tên miền nào cho phép tôi sử dụng
react-router-dom. Ví dụ,www.anyname.comlà nhà &www.anyname/123456.comlà một trong những tuyến đường của tôi.Không miễn phí: Nếu không có khả năng đạt được những gì tôi muốn miễn phí, thì tôi rất vui khi mua một tên miền và sẽ đánh giá cao những gợi ý về cách tôi có thể thực hiện điều này.
Những gì tôi đã nghiên cứu:
- Netlify đã được gợi ý cho tôi. Tôi biết nó cung cấp khả năng thay đổi một phần của tên miền nhưng tôi không biết liệu nó có hiển thị 'các tuyến đường' của tôi không, ví dụ (
nameofmychoosing.netlify.applà nhà &nameofmychoosing/123456.netlify.applà một trong các tuyến đường của tôi - điều này có hoạt động không?).
Tái bút nếu đây không phải là nơi thích hợp để đăng câu hỏi này, hướng dẫn tôi đến đúng loại diễn đàn sẽ được đánh giá cao.
EDIT: vừa mới phát hiện ra điều này và điều này nói rằng tôi cần thực hiện một sửa đổi nhỏ để netlify hoạt động react-router-dom.
Trả lời
Bạn có thể tự do thay đổi url của bất kỳ trang web nào bạn đang chạy mã. Hệ quả duy nhất là hành vi của các URL tương đối và điều gì sẽ xảy ra khi trang được tải lại. Trong hầu hết các môi trường tự lưu trữ, bạn có thể thoải mái thay đổi bất kỳ thứ gì có sau tên miền. Ví dụhttps://www.example.com/yourrouteshere hoặc cũng được sử dụng https://www.example.com/page#Yourrouteshere. Một điều cần lưu ý là nếu người dùng làm mới trang thì chương trình phụ trợ của bạn vẫn cần cung cấp phản hồi thích hợp. Điều này có thể có nghĩa là chương trình phụ trợ luôn trả về cùng một thứ bất kể đường dẫn URL là gì hoặc nó có thể có nghĩa là phân phát thứ gì đó khác tùy thuộc vào trường hợp sử dụng của bạn.
Bạn không nên sửa đổi chính tên miền trừ khi bạn có thiết lập kỳ lạ dựa vào việc có nhiều tên máy chủ cho một số trường hợp sử dụng kỳ lạ.
Sau khi ứng dụng đang chạy, bạn có thể cân nhắc thiết lập bản ghi DNS với thuộc tính CNAME để chuyển tiếp đến máy chủ hiện có.
Tôi có thể, với Netlify, máy chủ của tôi phản ứng ứng dụng để sử dụng miễn phí và làm cho các react-router-dombằng i) tạo ra một tập tin gọi là _redirectstrong thư mục nơi .htmlcuộc sống và ii) chèn vào _redirects: /* /index.html 200.
Đã có một câu hỏi và câu trả lời SO tương tự ở đây mà tôi muốn liên kết câu hỏi của mình với. Tôi không biết làm thế nào để làm điều đó, vì vậy nếu ai đó có thể chỉ cho tôi điều đó sẽ được đánh giá cao.