AnSiChen / AnSiChen/sightseeing-map

Deploy React Frontend App to Server with Automated Workflows

Đang mở
#45 0 bình luận 0 reaction 1 người được giao Được @AnSiChen nhận Xem trên GitHub
DevOps enhancement frontend
Ngôn ngữ chính
JavaScript
Star
2
Fork
0
Merge trung bình
2 phút
Pull request đã merge (30 ngày)
1

Mô tả

### **Task Overview**

The goal is to deploy the React frontend application to the server through automated workflows. The deployment process should ensure that the app is fully functional and accessible in the staging environment, integrating with the already-deployed Django backend.

---

### **Key Objectives**

1. **Automate Deployment:**
Set up automated workflows using GitHub Actions to deploy the React app.

2. **Frontend Availability:**
Verify that the React app is live and accessible at the chosen URL (e.g., `https://subdomain.domain.com`).

3. **Integrate with Backend API:**
Test the frontend application to ensure it successfully communicates with the backend API's endpoints like `/sightseeing/v1/register/`.

4. **Eliminate Localhost Dependency:**
Ensure all API calls within the app use the staging server URL rather than `localhost`.

---

### **Acceptance Criteria**

1. The React frontend app is successfully deployed and accessible in the chosen environment.
2. All API requests made by the React app are directed to the staging server and return valid responses.
3. The deployment process is fully automated through workflows, requiring no manual intervention for future updates.
4. The app is fully functional, with no breaking issues in navigation, API communication, or UI elements.

---

### **Additional Notes**

- Use existing environment variables and configurations to support a smooth deployment process.
- The React app can handle environment-specific settings (e.g., `REACT_APP_API_URL` for staging).
- **Document the Deployment Process:** Include documentation for future reference.
- **Security Considerations:** Confirm that API keys and sensitive variables are managed securely in the deployment process.

---

### **Priority**
**High**

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.