สารบัญ:
วีดีโอ: คุณให้บริการสร้างแอปตอบโต้อย่างไร
2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54
การใช้ Create-React-App กับ Express
- ขั้นตอนที่ 1: ติดตั้ง สร้าง - ตอบสนอง - แอป . สร้าง - ตอบสนอง - แอป ของคุณ- แอป -ชื่อ.
- ขั้นตอนที่ 2: ติดตั้งแพ็คเกจสำหรับ สร้างแอปตอบโต้ . npm ติดตั้ง;
- ขั้นตอนที่ 3: ติดตั้งด่วน npm ติดตั้งด่วน -- บันทึก
- ขั้นตอนที่ 4: สร้าง NS เซิร์ฟเวอร์ . js ไฟล์.
- ขั้นตอนที่ 5: อัปเดต package.json ของคุณ
- ขั้นตอนที่ 6: เริ่มการด่วน เซิร์ฟเวอร์ .
- ขั้นตอนที่ 7: เริ่ม.ของคุณ แอปตอบโต้ .
คำถามก็คือ คุณจะให้บริการแอปตอบโต้อย่างไร
- ให้บริการบิลด์เดียวกันจากเส้นทางที่ต่างกัน
- ขั้นตอนที่ 1: เพิ่มโฮมเพจลงในแพ็คเกจ
- ขั้นตอนที่ 2: ติดตั้ง gh-pages และเพิ่มการปรับใช้กับสคริปต์ในแพ็คเกจ
- ขั้นตอนที่ 3: ปรับใช้ไซต์โดยเรียกใช้ npm run deploy
- ขั้นตอนที่ 4: สำหรับหน้าโปรเจ็กต์ ตรวจสอบให้แน่ใจว่าการตั้งค่าโปรเจ็กต์ของคุณใช้ gh-pages
- ขั้นตอนที่ 5: เลือกกำหนดค่าโดเมน
รู้ด้วยว่าคุณจะสร้างแอป react โดยไม่ต้องสร้างแอป react ได้อย่างไร? นี่คือบล็อกสำหรับสร้างโปรเจ็กต์ React ใหม่โดยไม่ต้องใช้เครื่องมือ create-react-app
- ตั้งโครงการ. - การตั้งค่าโหนด js หรือเส้นด้าย
- ตั้งค่า React ติดตั้ง React ใช้คำสั่งด้านล่างที่โฟลเดอร์ newProject
- ตั้งค่า redux ติดตั้ง Redux ใช้คำสั่งด้านล่างที่โฟลเดอร์ newProject
- ตั้งค่า JSX
รู้ยัง ฉันจะเริ่มแอปตอบโต้ได้อย่างไร
การสร้างแอปตอบโต้
- ตั้งค่าแอปพลิเคชันสำเร็จรูป เป็นไปได้ที่จะสร้างแอป React ด้วยตนเอง แต่ Facebook ได้สร้างโมดูลโหนด create-react-app เพื่อสร้างเวอร์ชันสำเร็จรูปของแอปพลิเคชัน React
- โครงสร้างแอปตอบสนอง เปลี่ยนไดเร็กทอรีเป็นแอพที่คุณเพิ่งสร้างขึ้น
- การเริ่มต้นเซิร์ฟเวอร์การพัฒนาแอป React
คุณจะตั้งค่าการโต้ตอบอย่างไร
การติดตั้ง ReactJS โดยใช้ webpack และ babel
- ขั้นตอนที่ 1 - สร้างโฟลเดอร์รูท
- ขั้นตอนที่ 2 - ติดตั้ง React และ react dom
- ขั้นตอนที่ 3 - ติดตั้ง webpack
- ขั้นตอนที่ 4 - ติดตั้ง Babel
- ขั้นตอนที่ 5 - สร้างไฟล์
- ขั้นตอนที่ 6 - ตั้งค่าคอมไพเลอร์ เซิร์ฟเวอร์ และตัวโหลด
- ขั้นตอนที่ 7 - ดัชนี
- ขั้นตอนที่ 8 - แอป