หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

เซอร์วิสพัลส์

ServicePulse ให้การตรวจสอบการผลิตแบบเรียลไทม์สำหรับแอปพลิเคชันแบบกระจาย โดยจะตรวจสอบความสมบูรณ์ของอุปกรณ์ปลายทางของระบบ ตรวจจับข้อผิดพลาดในการประมวลผล ส่งข้อความที่ล้มเหลวสำหรับการประมวลผลซ้ำ และรับประกันว่าตรงตามความต้องการเฉพาะของสภาพแวดล้อม ทั้งหมดนี้อยู่ในแดชบอร์ดรวมที่เดียว

ServicePulse เป็นส่วนหนึ่งของแพลตฟอร์มบริการเฉพาะ ซึ่งรวมถึง NServiceBus และเครื่องมือสำหรับสร้าง ตรวจสอบ และดีบักระบบแบบกระจาย

ดูเอกสารประกอบ ServicePulse สำหรับข้อมูลเพิ่มเติม

จัดทำโครงการเพื่อการพัฒนา

การตั้งค่าอินสแตนซ์ ServiceControl Main และ ServiceControl Monitoring

ServicePulse นำเสนอข้อมูลที่ได้รับจากอินสแตนซ์ ServiceControl และ ServiceControl Monitoring เป็นหลัก

URL สำหรับทั้งสองบริการสามารถตั้งค่าได้ใน src/Frontend/public/js/app.constants.js

การตั้งค่าตัวจัดการแพ็คเกจ

ServicePulse ใช้ npm และ Bower เป็นตัวจัดการแพ็คเกจ เพื่อให้โซลูชันใช้งานได้ ต้องดาวน์โหลดการขึ้นต่อกันก่อนเปิดตัวเว็บไซต์ ServicePulse

ติดตั้งการพึ่งพา

ติดตั้งการอ้างอิงต่อไปนี้หากคุณยังไม่ได้ติดตั้ง

  • คอมไพล์สำหรับ Windows
  • โหนด js
    • หมายเหตุ: แนวทางปฏิบัติที่ดีในการติดตั้งหรืออัปเดต node.js บนสภาพแวดล้อมภายในเครื่องของคุณ เพื่อตรวจสอบและตรวจสอบให้แน่ใจว่าเวอร์ชัน node.js สำหรับเวิร์กโฟลว์ ci.yml และ release.yml ตรงกับเวอร์ชันของสภาพแวดล้อมภายในเครื่องของคุณ มองหา name: Set up Node.js

กำหนดสภาพแวดล้อมการพัฒนา

ขั้นตอนที่ 0 - การใช้ IDE ที่เหมาะสมสำหรับการพัฒนาส่วนหน้า

แม้ว่า Visual Studio หรือ Rider ดูเหมือนจะเป็น IDE ที่เพียงพอสำหรับการพัฒนาส่วนหน้า แต่ก็มักจะไม่น่าเชื่อถือกับเฟรมเวิร์กส่วนหน้าล่าสุด Linting และการจัดรูปแบบ ด้วยเหตุนี้ เราจึงมีคำแนะนำเพิ่มเติมเพื่อช่วยให้คุณประสบความสำเร็จในการพัฒนาส่วนหน้ามากยิ่งขึ้น

ขั้นตอนที่ 1 - รันเซิร์ฟเวอร์การพัฒนา Vue.js

นำทางไปยัง ServicePulsesrcFrontend และ:

  • รัน npm install เพื่อติดตั้งการพึ่งพา npm ทั้งหมด
  • รันคำสั่งต่อไปนี้ npm run dev (ซึ่งจะโฮสต์เซิร์ฟเวอร์ dev บนพอร์ต 5173 และเริ่มดูการเปลี่ยนแปลงในไดเร็กทอรี /Frontend )

หาก npm run dev ล้มเหลวโดยมีข้อผิดพลาดที่เกี่ยวข้องกับการกำหนดค่าโมดูลย่อย git ไม่ถูกต้อง ให้รันคำสั่ง npm install อีกครั้งเพื่อให้แน่ใจว่าการขึ้นต่อกันที่จำเป็นทั้งหมดพร้อมใช้งาน จากนั้นรัน npm run dev

ขั้นตอนที่ 2 - เปิดเบราว์เซอร์

หลังจากทำตามขั้นตอนข้างต้นแล้ว ให้นำทางไปยัง URL ที่แสดงโดยการดำเนินการของแอปพลิเคชัน Vue.js เพื่อดูแอปพลิเคชัน ServicePulse

กำลังดำเนินการทดสอบอัตโนมัติ

การทดสอบอัตโนมัติส่วนหน้าใช้ Vitest เป็นเฟรมเวิร์กการทดสอบและไลบรารีการทดสอบสำหรับการทดสอบยูทิลิตี้ Vitest มีสองโหมด: watch mode ในสภาพแวดล้อมการพัฒนาและ run mode ในสภาพแวดล้อม CI ตามค่าเริ่มต้น Watch mode จะทำการทดสอบที่เกี่ยวข้องอีกครั้งทันทีเมื่อบันทึกไฟล์ โดยให้ข้อเสนอแนะทันทีระหว่างการพัฒนา

ก่อนที่จะรันการทดสอบ ตรวจสอบให้แน่ใจว่าคุณได้ตั้งค่าเซิร์ฟเวอร์การพัฒนาแล้ว ไปที่ ServicePulsesrcFrontend แล้วรัน npm install เพื่อติดตั้งการขึ้นต่อกันของ npm ทั้งหมด

ดำเนินการทดสอบส่วนประกอบ

นำทางไปยัง ServicePulsesrcFrontend และเรียกใช้: 

 npm run test:component

คำสั่งนี้รันไฟล์ทดสอบส่วนประกอบทั้งหมด *.spcs.ts ในไดเร็กทอรี ServicePulsesrcFrontendsrc และไดเร็กทอรีย่อย เมื่อเปิดใช้งาน watch mode จะช่วยให้การพัฒนาการทดสอบมีประสิทธิภาพ เนื่องจากมีเพียงการทดสอบที่เกี่ยวข้องเท่านั้นที่จะดำเนินการซ้ำในการบันทึกไฟล์

กำลังรันการทดสอบแอปพลิเคชัน

นำทางไปยัง ServicePulsesrcFrontend และเรียกใช้: 

 npm run test:application

เช่นเดียวกับการทดสอบส่วนประกอบ คำสั่งนี้จะรันไฟล์ทดสอบแอปพลิเคชันทั้งหมด *.spcs.ts ในไดเร็กทอรี ServicePulsesrcFrontendtest และไดเร็กทอรีย่อย

ครอบคลุมการทดสอบการทำงาน

นำทางไปยัง ServicePulsesrcFrontend และเรียกใช้: 

 npm run test:coverage

คำสั่งนี้สร้างรายงานที่ระบุเปอร์เซ็นต์ของคำสั่ง สาขา ฟังก์ชัน และบรรทัดที่ครอบคลุมโดยการทดสอบ นอกจากนี้ยังระบุหมายเลขบรรทัดที่ไม่เปิดเผยอีกด้วย

จัดเตรียมสคริปต์ npm

Vue.js

  • dev - รัน vite ที่เริ่มเซิร์ฟเวอร์การพัฒนาโดยทำการรีโหลดร้อนบนไฟล์ต้นฉบับ
  • build - รันสคริปต์ build ที่ส่งออกไฟล์ไปยังโฟลเดอร์ ..app
  • lint - ตรวจสอบกับ eslint ไฟล์ vue, ts และ js ทั้งหมด
  • type-check - รัน TypeScript ในโหมดไม่ปล่อย

วีเทส

  • test:application - รันการทดสอบแอปพลิเคชันทั้งหมดที่อยู่ในโฟลเดอร์ Frontend/test
  • test:component - รันการทดสอบการทดสอบส่วนประกอบทั้งหมดที่อยู่ในโฟลเดอร์ Frontend/src และไดเร็กทอรีย่อยใดๆ
  • test:coverage - รันรายงานความครอบคลุมการทดสอบกับไฟล์ที่กำหนดใน vitest.config.ts

เรียกใช้จาก ServicePulse.Host.exe

สามารถเรียกใช้ ServicePulse ได้โดยตรงผ่าน ServicePulse.Host.exe

ขั้นตอนที่ 1 - จอง ACL URL

ServicePulse.Host.exe ขึ้นอยู่กับเว็บเซิร์ฟเวอร์ที่โฮสต์เอง ต้องตั้งค่าการจอง URL ACL ก่อนจึงจะสามารถรันโปรเจ็กต์ได้ เรียกใช้ Visual Studio ด้วยสิทธิ์ผู้ดูแลระบบหรือเรียกใช้คำสั่งต่อไปนี้เพื่อเพิ่มการจอง URL ACL ที่จำเป็น: 

add urlacl url=URL

โดยที่ URL คือ URL ที่กำหนดค่าไว้ในเครื่องท้องถิ่น

ขั้นตอนที่ 2 - สร้างไซต์ ServicePulse

รันสคริปต์ build จากบรรทัดคำสั่ง: 

 PowerShell -File .build.ps1

บันทึก

อาจจำเป็นต้องเปลี่ยนนโยบายการดำเนินการ PowerShell โดยใช้ Set-ExecutionPolicy Unrestricted -scope UserPolicy

ขั้นตอนที่ 3 - เรียกใช้ ServicePulse.Host.exe

สร้างและรันโปรเจ็กต์ ServicePulse.Host ใน IDE

เวอร์ชันเบราว์เซอร์ที่รองรับ

ServicePulse รองรับเบราว์เซอร์เดสก์ท็อปเวอร์ชันต่อไปนี้:

  • Chrome เวอร์ชันหลักล่าสุด
  • Edge ด้วย EdgeHTML v17+
  • Firefox ESR เวอร์ชันปัจจุบัน
  • Safari เวอร์ชันหลักล่าสุด

การพัฒนาอิมเมจคอนเทนเนอร์

Dockerfile สำหรับ ServicePulse อยู่ภายในโฟลเดอร์ src/ServicePulse อิมเมจคอนเทนเนอร์ทั้งหมดสร้างขึ้นโดยเป็นส่วนหนึ่งของเวิร์กโฟลว์การเผยแพร่และจัดฉากใน Github Container Registry สำหรับสาขาที่มี PR รูปภาพจะถูกแท็กด้วยหมายเลข PR เช่น pr-1234

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