การใช้ monorepos จะช่วยจัดระเบียบและจัดการหลายโปรเจ็กต์ได้ในไดเรกทอรีเดียว คู่มือนี้อธิบายวิธีเริ่มทำให้แอปที่ใช้ Nx ใช้งานได้ด้วย App Hosting
เผยแพร่โมโนรีโพซิทอรีด้วย Firebase CLI
การรองรับ Monorepo อยู่ในขั้นตอนการตั้งค่าแบ็กเอนด์ที่เรียกใช้โดยคำสั่ง Firebase CLI apphosting:backends:create
หลังจากเข้าสู่ขั้นตอนนี้และระบุที่เก็บ GitHub ที่เลือกแล้ว ระบบจะแจ้งให้คุณระบุไดเรกทอรีรูทของแอปซึ่งสัมพันธ์กับที่เก็บของคุณ เมื่อได้รับข้อความแจ้งนี้ ให้ส่งเส้นทางไปยังแอปพลิเคชันที่คุณต้องการติดตั้งภายใน Monorepo
$ firebase apphosting:backends:create --project [project-name] --location us-central1
i === Import a GitHub repository
✔ Connected with GitHub successfully
? Which GitHub repo do you want to deploy? gh-username/nx-monorepo
? Specify your app's root directory relative to your repository path/to/app
ตัวอย่างเช่น ต่อไปนี้คือชิ้นงานที่จะใช้กับโครงสร้างโปรเจ็กต์ Nx และ "target-app" เป็นแอปพลิเคชันที่ต้องการสร้างและนำไปใช้งาน
.
├── lib
├── apps
│ └── target-app
│ ├── project.json
│ └── src
│ └── ...
├── nx.json
├── package-lock.json
└── package.json
ไดเรกทอรีรากของแอปที่สัมพันธ์กับที่เก็บของคุณคือ apps/target-app
ติดตั้งใช้งานโมโนรีโพซิทอรีด้วยคอนโซล Firebase
การรองรับ Monorepo นั้นมีอยู่ในขั้นตอนการตั้งค่าแบ็กเอนด์แบบกราฟิกในคอนโซล Firebase เมื่อระบบแจ้งให้ระบุ "ไดเรกทอรีรูท" ในส่วน "การตั้งค่าการทําให้ใช้งานได้" ให้ระบุเส้นทางไปยังแอปพลิเคชันที่คุณต้องการทําให้ใช้งานได้ภายใน Monorepo ดังนี้
การแก้ปัญหาการติดตั้งใช้งาน Monorepo
- หากคุณเว้นช่อง "ไดเรกทอรีราก" ว่างไว้ระหว่างการตั้งค่าแบ็กเอนด์ โฮสติ้งแอปอาจยังสร้างและทำให้โปรเจ็กต์เป้าหมายของผู้ใช้ใช้งานได้หากมีการระบุไว้ใน
defaultProject
ของไฟล์การกำหนดค่า nx.json ที่เกี่ยวข้อง - หากคุณไม่ระบุทั้งช่อง "ไดเรกทอรีราก" และ
defaultProject
บิลด์จะล้มเหลวและแสดงข้อความว่า App Hosting ไม่พบโปรเจ็กต์ที่จะกำหนดเป้าหมายภายใน Nx monorepo - สําหรับแอปพลิเคชัน Nx + Angular คุณต้องใช้เครื่องมือสร้างแอปพลิเคชัน Angular เพื่อสร้างแอปพลิเคชัน ระบุเครื่องมือสร้างแอปพลิเคชัน Angular ใน
project.json