umijs เป็นเฟรมเวิร์กการโต้ตอบ umijs เป็นเฟรมเวิร์กแอปพลิเคชันการโต้ตอบระดับองค์กรที่เสียบได้ โดยอิงตามการกำหนดเส้นทาง ซึ่งรองรับการกำหนดเส้นทางทั่วไป เช่น "next.js" รวมถึงฟังก์ชันการกำหนดเส้นทางขั้นสูงต่างๆ และใช้สิ่งนี้เพื่อขยายฟังก์ชัน ; ระบบปลั๊กอินที่มีวงจรชีวิตที่สมบูรณ์ ครอบคลุมทุกวงจรชีวิตตั้งแต่ซอร์สโค้ดไปจนถึงผลิตภัณฑ์ที่สร้างขึ้น รองรับการขยายการทำงานและความต้องการทางธุรกิจที่หลากหลาย
สภาพแวดล้อมการทำงานของบทช่วยสอนนี้: ระบบ Windows 10, รีแอคเวอร์ชัน 17.0.1, คอมพิวเตอร์ Dell G3
umijs เป็นเฟรมเวิร์กการโต้ตอบ
umi อ้างอย่างเป็นทางการว่าเป็นเฟรมเวิร์กแอปพลิเคชันตอบสนองระดับองค์กรที่เสียบปลั๊กได้ Umi ขึ้นอยู่กับการกำหนดเส้นทาง รองรับการกำหนดเส้นทางแบบธรรมดาที่คล้ายกับ next.js และฟังก์ชันการกำหนดเส้นทางขั้นสูงต่างๆ และใช้สิ่งนี้เพื่อขยายฟังก์ชัน เช่น รองรับการโหลดตามความต้องการในระดับการกำหนดเส้นทาง จากนั้นมาพร้อมกับระบบปลั๊กอินที่สมบูรณ์ ครอบคลุมทุกวงจรชีวิตตั้งแต่ซอร์สโค้ดไปจนถึงผลิตภัณฑ์ที่สร้างขึ้น รองรับการขยายการทำงานที่หลากหลายและความต้องการทางธุรกิจ ปัจจุบันมีปลั๊กอินมากกว่า 50 รายการทั้งภายในและภายนอก
Umi เป็นเฟรมเวิร์กส่วนหน้าที่สำคัญของ Ant Financial และให้บริการแอปพลิเคชันมากกว่า 600 รายการทั้งทางตรงและทางอ้อม รวมถึงการรองรับแอปพลิเคชัน Java, node, H5 ไร้สาย, ออฟไลน์ (ไฮบริด), แอปพลิเคชันสินทรัพย์ส่วนหน้าล้วนๆ, แอปพลิเคชัน CMS เป็นต้น เขาให้บริการผู้ใช้ภายในของเราเป็นอย่างดี และฉันหวังว่าเขาจะให้บริการผู้ใช้ภายนอกของเราได้ดีเช่นกัน
Umi ซึ่งสามารถออกเสียงว่า Wumi ในภาษาจีน เป็นเฟรมเวิร์กแอปพลิเคชันส่วนหน้าระดับองค์กรที่ปรับขนาดได้ Umi ขึ้นอยู่กับการกำหนดเส้นทางและสนับสนุนทั้งการกำหนดเส้นทางที่กำหนดค่าไว้และการกำหนดเส้นทางแบบทั่วไปเพื่อให้แน่ใจว่าฟังก์ชันการกำหนดเส้นทางสมบูรณ์และขยายฟังก์ชันตามนั้น จากนั้นจึงติดตั้งระบบปลั๊กอินที่มีวงจรชีวิตที่สมบูรณ์ ครอบคลุมทุกวงจรชีวิตตั้งแต่ซอร์สโค้ดไปจนถึงผลิตภัณฑ์ที่สร้างขึ้น รองรับการขยายการทำงานและความต้องการทางธุรกิจที่หลากหลาย
ขยายความรู้ของคุณ:
โดยหลักแล้วมีหน้าที่ดังต่อไปนี้:
1. ขยายได้ Umi ใช้วงจรชีวิตที่สมบูรณ์และทำให้ฟังก์ชั่นภายในของ Umi เสร็จสมบูรณ์ด้วยปลั๊กอิน ปลั๊กอินและชุดปลั๊กอินยังได้รับการสนับสนุนเพื่อตอบสนองความต้องการตามลำดับชั้นของโดเมนการทำงานและแนวตั้ง
2. Umi มีการกำหนดเส้นทาง การสร้าง การใช้งาน การทดสอบ และอื่นๆ ในตัว และคุณต้องการการพึ่งพาเพียงครั้งเดียวเพื่อเริ่มต้นการพัฒนา นอกจากนี้ยังมีชุดปลั๊กอินในตัวสำหรับ React พร้อมด้วยฟังก์ชันมากมายที่สามารถตอบสนองความต้องการในการพัฒนารายวันได้ถึง 80%
ทำไมไม่? แอปสร้างปฏิกิริยา
create-react-app เป็นโซลูชันเลเยอร์บรรจุภัณฑ์ที่ใช้ webpack รวมถึง build, dev, lint ฯลฯ โดยจะเพิ่มประสบการณ์ในเลเยอร์บรรจุภัณฑ์ให้สูงสุด แต่ไม่รวมการกำหนดเส้นทาง ไม่ใช่เฟรมเวิร์ก และไม่รองรับ การกำหนดค่า ดังนั้น หากคุณต้องการแก้ไขการกำหนดค่าบางอย่างตามนั้น หรือหากคุณต้องการบรรลุการบรรจบกันทางเทคนิคภายนอกชั้นบรรจุภัณฑ์ คุณจะพบกับปัญหา
# สร้างไดเรกทอรี $ mkdir myapp && cd myapp # ติดตั้งการอ้างอิง $ Yarn เพิ่ม umi # สร้างหน้า $ npx umi g ดัชนีหน้า --typescript --less # เริ่มการพัฒนา $ npx umi dev