AnSiChen / AnSiChen/sightseeing-map

Deploy React Frontend App to Server with Automated Workflows

オープン
#45 コメント 0 件 リアクション 0 件 担当者 1 名 @AnSiChen が担当を希望しています GitHub で見る
DevOps enhancement frontend
主要言語
JavaScript
スター
2
フォーク
0
平均マージ
2分
マージ済み PR(30日)
1

説明

### **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**

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。