เราเพิ่งเปิดตัว Nx Console 17.28.0 และมาพร้อมกับฟีเจอร์ใหม่มากมาย: Nx Cloud Integration ใน VSCode!

ในกรณีที่คุณไม่แน่ใจว่ามันใช้ทำอะไร Nx Cloud จะยกระดับพื้นที่ทำงาน Nx ของคุณไปอีกขั้นด้วยคุณสมบัติที่ยอดเยี่ยม เช่น:

• การแคชระยะไกล — แบ่งปันแคช Nx ของคุณกับเพื่อนร่วมงานและตัวแทน CI เมื่อใช้ Nx Cloud คุณจะมั่นใจได้ว่าจะไม่มีการประมวลผลซ้ำสอง — ทั่วทั้งบริษัทของคุณ
• Distributed Task Execution — คุณสมบัติที่สำคัญที่สุดสำหรับการปรับขนาดพื้นที่เก็บข้อมูลอย่างแท้จริง Nx รู้อยู่แล้วเกี่ยวกับกราฟโครงการของคุณและงานใดบ้างที่ขึ้นอยู่กับกันและกัน ด้วย Nx Cloud คุณสามารถใช้ประโยชน์จากความรู้นี้เพื่อกระจายงานอย่างชาญฉลาดไปยังตัวแทนหลายๆ คน ในขณะที่ต้องแน่ใจว่าทุกอย่างรันในลำดับที่ถูกต้อง สิ่งนี้สามารถเร่งเวลา CI ของคุณตามลำดับความสำคัญ!
• การผสานรวมVCS [ระบบควบคุมเวอร์ชัน] — ดูผลลัพธ์ของ CI ของคุณที่ทำงานโดยตรงจากคำขอดึงข้อมูลของคุณ! Nx Cloud สามารถพูดคุยกับ GitHub และระบบควบคุมเวอร์ชันอื่นๆ ได้แบบเรียลไทม์ ทำให้คุณเห็นภาพรวมของความสำเร็จและความล้มเหลวที่เกิดขึ้น

ตรงไปที่nx.appเพื่อเรียนรู้เพิ่มเติม

ต้องการคำแนะนำแบบวิดีโอหรือไม่ ไปเลย

แสดงคุณสมบัติใหม่ให้ฉันเห็นแล้ว!

เมื่อเราเข้าใจแล้ว มาดูกันว่า Nx Console จะทำให้การเชื่อมต่อและทำงานกับ Nx Cloud ง่ายยิ่งขึ้นได้อย่างไร

ในการปฏิบัติตาม ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้ง Nx Console เวอร์ชันล่าสุดแล้ว:
Nx Console — Visual Studio Marketplace

ในแถบด้านข้างของ Nx คุณจะเห็นส่วน Nx Cloud ใหม่

หากพื้นที่ทำงานของคุณไม่ได้ใช้ Nx Cloud ให้คลิกปุ่ม “ตั้งค่า Nx Cloud” เพื่อตั้งค่า Cloud Runner โดยอัตโนมัติ

คุณจะเห็นว่ามีการเปลี่ยนแปลงบางอย่างเกิดขึ้นในnx.json:

"default": {
- "runner": "nx/tasks-runners/default",
+ "runner": "@nrwl/nx-cloud",
  "options": {
+   "accessToken": "NDM2MmU2YmUtNDFl…ifHJlYWQtd3JpdGU=",
    "cacheableOperations": [
      "build",
      "lint",
      "test",
      "e2e"
    ],
   }
 }

เรียกใช้งานแรกของคุณ

มาลองดูกัน! เลือกงานที่จะรันและดูผลลัพธ์ในรายการรัน คุณสามารถดูรายละเอียดเพิ่มเติมได้ในเว็บแอป Nx Cloud

หากคุณรันงานเดิมซ้ำ คุณจะเห็นว่าเวลาที่ใช้ในการทำให้เสร็จนั้นน้อยกว่าหนึ่งวินาที นี่เป็นเพราะการแคชการคำนวณขั้นสูงของ Nx เมื่อใดก็ตามที่มีการเรียกใช้งาน Nx จะแคชไว้ หากมีการเรียกใช้งานมาก่อน มันจะคืนค่าผลลัพธ์จากแคช ตามค่าเริ่มต้น แคชนี้จะอยู่ในเครื่องเวิร์กสเตชันของคุณเอง อย่างไรก็ตาม ด้วย Nx Cloud คุณสามารถแจกจ่ายและแบ่งปันระหว่างเครื่องได้

หากต้องการดูการทำงาน ให้พุชโทเค็นการเข้าถึงที่สร้างขึ้นใหม่และให้เพื่อนร่วมงาน (หรือไปป์ไลน์ CI) ทำงานบนเครื่องของพวกเขา หากคุณรันงานเดิมอีกครั้ง งานนั้นจะถูกดึงออกจากแคชเหมือนที่ทำในเครื่อง!

หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับโทเค็นการ เข้าถึงNx Cloud ตรงไปที่เอกสาร: เอกสารการเข้าถึงโทเค็น

การอ้างสิทธิ์พื้นที่ทำงานของคุณ

หากคุณเพิ่งเริ่มใช้ Nx Cloud คุณอาจเห็นข้อความแจ้งให้คุณอ้างสิทธิ์พื้นที่ทำงานของคุณ:

Nx Cloud ทำงานได้ทันทีโดยไม่ต้องลงทะเบียน อย่างไรก็ตาม ขอแนะนำให้สร้างบัญชีและเชื่อมโยงกับพื้นที่ทำงานของคุณ กระบวนการนี้เรียกว่าการอ้างสิทธิ์พื้นที่ทำงานของคุณและง่ายขึ้นมากด้วย Nx Console! หลังจากอ้างสิทธิ์แล้ว คุณสามารถควบคุมพื้นที่ทำงานบนคลาวด์จัดการข้อจำกัดการเข้าถึงและการตั้งค่าอื่นๆ ได้ อย่างเต็มที่

เพียงคลิกที่ 'เข้าสู่ระบบและอ้างสิทธิ์พื้นที่ทำงานของคุณ' เพื่อเปลี่ยนเส้นทางไปยังเบราว์เซอร์ที่คุณสามารถลงชื่อเข้าใช้ Nx Cloud หรือสร้างบัญชี หลังจากยืนยันตัวตนสำเร็จ คุณจะกลับมาที่ VSCode ซึ่งคุณสามารถเลือกหนึ่งในองค์กรของคุณและเชื่อมต่อพื้นที่ทำงานของคุณกับองค์กรได้

จากนี้ไป Nx Console จะสามารถสร้างคำขอที่ได้รับการรับรองความถูกต้องไปยัง cloud API ดังนั้นแม้ว่าคุณจะเลือกให้พื้นที่ทำงานของคุณเป็นแบบส่วนตัว ผู้ใช้ที่เข้าสู่ระบบซึ่งได้รับอนุญาตให้เข้าถึงก็สามารถทำได้

กระจายการดำเนินงาน

Distributed Task Execution (DTE) มีความสำคัญมากเมื่อพื้นที่ทำงานของคุณเติบโตขึ้น ด้วย Nx คุณสมบัติอันทรงพลัง เช่นการแคชการคำนวณและการวิเคราะห์ที่ได้รับผลกระทบช่วยให้คุณลดเวลา CI ลงได้อย่างมาก ส่วนใหญ่แล้ว โค้ดเบสส่วนใหญ่ของคุณไม่จำเป็นต้องสร้างใหม่และทดสอบซ้ำ อย่างไรก็ตาม เราต้องพิจารณาถึงสถานการณ์ที่เลวร้ายที่สุดด้วย สมมติว่าคุณเปลี่ยน lib หลักที่ทุกอย่างใน monorepo ของคุณขึ้นอยู่กับ ซึ่งอาจหมายถึงโครงการหลายร้อยหรือหลายพันโครงการจำเป็นต้องสร้างใหม่และทดสอบซ้ำ ซึ่งอาจหมายถึงเวลา CI หลายชั่วโมง เห็นได้ชัดว่าวิธีนี้ไม่สามารถทำได้จริง และคุณควรพิจารณาโซลูชันที่ช่วยให้คุณสามารถทำงานทั้งหมดนี้แบบคู่ขนานกัน และรักษาเวลา CI กรณีที่เลวร้ายที่สุดให้อยู่ในระดับที่สมเหตุสมผล มีวิธีการที่แตกต่างกันในการบรรลุเป้าหมายนี้แต่ยากที่จะทำให้ถูกต้องและไม่ใช่สิ่งที่ทีมส่วนใหญ่ต้องการใช้ทรัพยากรด้านวิศวกรรม

Distributed Task Execution ด้วย Nx Cloud ช่วยแก้ปัญหานี้ได้ — ช่วยให้คุณทำงานแบบขนานได้อย่างเหมาะสมโดยไม่ต้องคำนึงถึงการพึ่งพาระหว่างกันหรือการจัดการตัวแทน คุณไม่จำเป็นต้องใช้ทันที แต่จะมีประโยชน์ถ้าคุณต้องการให้เวลา CI ของคุณต่ำ แม้ว่าพื้นที่ทำงานของคุณจะขยายใหญ่ขึ้น

DTE พร้อมใช้งานในพื้นที่ทำงาน Nx Cloud ทั้งหมดโดยมีการตั้งค่าเพียงเล็กน้อย หากคุณเห็นสถานะ DTE สีเหลืองใน Nx Console แสดงว่าคุณยังไม่ได้ใช้ ดูเอกสารเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับแรงจูงใจสำหรับ DTEและวิธีทดสอบในพื้นที่ทำงานของคุณ

การรวม VCS

Nx Cloud ไม่เพียงยอดเยี่ยมสำหรับการแคชระยะไกลและคุณสมบัติ DTE เท่านั้น แต่ยังสร้างรายงานที่อ่านได้และค้นหาได้สำหรับงานที่ดำเนินการใดๆ — ไม่ว่าจะเป็น 10 หรือ 10,000 ใน monorepo ไปป์ไลน์ CI ของคุณจะไม่ค่อยทำงานเพียงงานเดียว เป็นเรื่องปกติที่จะมีคำสั่งเช่นnx affected — -target=build"สร้างทุกอย่างที่เปลี่ยนแปลงใหม่" นี่อาจเป็นงานหลายสิบ หลายร้อย หรือหลายพันงาน หากมีข้อผิดพลาดเกิดขึ้น การรวมบันทึกเป็นพันๆ บรรทัดอย่างรวดเร็วจะกลายเป็นเรื่องที่น่าเบื่ออย่างรวดเร็ว ดังนั้นการมีมุมมองต่อเป้าหมายที่มีโครงสร้างสวยงามซึ่งคุณสามารถกรองและจัดเรียงในขณะที่ยังคงรักษาสไตล์ของเทอร์มินัลไว้ได้จึงมีประโยชน์อย่างเหลือเชื่อ!

หากต้องการใช้ประโยชน์จากข้อมูลอันมีค่านี้โดยไม่ต้องเปลี่ยนเวิร์กโฟลว์การพัฒนาของคุณ ให้ใช้การผสานรวม Nx Cloud สำหรับแพลตฟอร์มที่คุณชื่นชอบ: Github, GitLab หรือ Bitbucket Cloud คุณสามารถดูผลการรันบนคลาวด์ของคุณในความคิดเห็น PR พร้อมภาพรวมของงานที่ล้มเหลวและลิงก์ไปยังผลลัพธ์ที่อ่านได้ง่าย ไม่ต้องเลื่อนดูบันทึกที่ไม่มีที่สิ้นสุดอีกต่อไปจนกว่าคุณจะพบสิ่งที่คุณต้องการ!

ในการตั้งค่า เพียงคลิกที่ปุ่มใน Nx Console cloud view และทำตามคำแนะนำในเบราว์เซอร์ของคุณ อ่านเพิ่มเติมในคู่มือฉบับเต็มเกี่ยวกับการเชื่อมต่อพื้นที่ทำงานของคุณกับ VCS

เรียนรู้เพิ่มเติม

- [Nx เอกสาร](https://nx.dev/)
- ‍ [Nx GitHub](https://github.com/nrwl/nx)
- [Nx คอนโซล GitHub](https://github.com/nrwl/nx-console)
- [Nx ชุมชนหย่อน](https://go.nrwl.io/join-slack)
- [Nx Youtube Channel](https://www.youtube.com/@nxdevtools)

นอกจากนี้ หากคุณชอบสิ่งนี้ คลิกที่ และอย่าลืมติดตามMaxและNxบน Twitter เพื่อรับข้อมูลเพิ่มเติม!