แดชบอร์ดคริปโต

การทำงาน

แอปพลิเคชันของเราทำหน้าที่เป็นหน้าแดชบอร์ดคริปโตเคอเรนซีที่ครอบคลุม ซึ่งออกแบบมาเพื่อให้ข้อมูลเชิงลึกแบบเรียลไทม์เกี่ยวกับราคาคริปโตเคอเรนซีที่ดึงมาจาก Gemini API แดชบอร์ดนี้แบ่งออกเป็นแบ็กเอนด์ที่ทำงานด้วย Node.js และ Express และฟรอนต์เอนด์ที่พัฒนาโดยใช้ React
แบ็กเอนด์จะทำงานบนพอร์ต 5000 และทำหน้าที่เป็นสื่อกลางระหว่างฟรอนต์เอนด์กับ Gemini API คอมโพเนนต์หลักของแบ็กเอนด์ ได้แก่
- ใช้ `express.json()` และ `express.urlencoded()` เพื่อแยกวิเคราะห์ข้อมูลโค้ดของคำขอขาเข้า โดยมีการกําหนดค่าให้มีขีดจํากัด 10 MB เพื่อให้เข้ากันได้กับเพย์โหลดที่อาจมีขนาดใหญ่กว่า
- ใช้ CORS (Cross-Origin Resource Sharing) โดยใช้มิดเดิลแวร์ "cors" เพื่ออำนวยความสะดวกในคําขอข้ามโดเมนที่ปลอดภัยจากฝั่งเฟรมเวิร์ก
- กําหนดปลายทาง GET ("/api/crypto") ที่รับผิดชอบในการดึงข้อมูลราคาคริปโตเคอเรนซีจาก Gemini API ("https://api.gemini.com/v1/pricefeed")
- ใช้ Axios เพื่อทำคําขอ HTTP แบบแอซิงโครนัสไปยัง Gemini API คำขอเหล่านี้มีคีย์ API ที่จําเป็น ("X-GEMINI-APIKEY") ซึ่งจัดเก็บไว้อย่างปลอดภัยเป็นตัวแปรสภาพแวดล้อม ("process.env.GEMINI_API_KEY")