explore cwa react

	ผู้เชี่ยวชาญ	Heroku
การทดสอบ
ความครอบคลุม

'สำรวจฉัน cwa' [แอปพลิเคชันเว็บไคลเอ็นต์]

โครงการนี้มีศูนย์กลางอยู่ที่การแยกวิเคราะห์ชุดข้อมูลต่าง ๆ รวมถึงข้อมูลรัฐบาลของสหราชอาณาจักรเกี่ยวกับการขายอสังหาริมทรัพย์ข้อมูลการรายงานของตำรวจและข้อมูลโพสต์รหัส เป้าหมายคือการควบคุมข้อมูลทางภูมิศาสตร์เพื่อสร้างการเชื่อมต่อระหว่างรหัสไปรษณีย์โดยใช้ละติจูดและลองจิจูด

วัตถุประสงค์หลักคือการพัฒนาแบ็กเอนด์ GraphQL ที่ปรับขนาดได้ซึ่งสามารถส่งมอบผลลัพธ์ที่ร้องขอได้อย่างรวดเร็ว ความพยายามนี้พยายามที่จะส่องสว่างด้านที่ซับซ้อนของการใช้ GraphQL การจัดการกับความท้าทายเช่นปัญหา N+1 และสถานการณ์การปรับขนาดซึ่งจำเป็นต้องใช้ฐานข้อมูลมากกว่าหนึ่งฐานข้อมูลสำหรับทั้งการเขียนและการอ่านโหนด

คุณสมบัติที่สำคัญของโครงการรวมถึงระบบการประกันคุณภาพอัตโนมัติที่แข็งแกร่ง (QA) ซึ่งรวมการเพาะข้อมูลข้อมูลที่ไม่ระบุชื่อสำหรับการทดสอบ QA ที่ครอบคลุม โครงการยังสำรวจความยืดหยุ่นของ JavaScript ผลักดันขอบเขตของภาษา โดยเฉพาะอย่างยิ่งมันเจาะลึกลงไปในข้อ จำกัด ของฟิลด์วัตถุ V8 เริ่มต้นซึ่งต่อยอดอยู่ที่ประมาณ ~ 8.4 ล้านในขณะที่เน้นความสามารถในการจัดการที่เหนือกว่าของโครงสร้างข้อมูลแผนที่

นอกจากนี้โครงการยังรวมระบบคิวเพื่อเพิ่มประสิทธิภาพของการประมวลผลข้อมูล ในสาระสำคัญโครงการทำหน้าที่เป็นการสาธิตเชิงปฏิบัติในแง่มุมที่หลากหลายและสูงของการพัฒนาซอฟต์แวร์สะท้อนให้เห็นถึงความมุ่งมั่นสู่ความเป็นเลิศและนวัตกรรม

การสาธิตสด

• เว็บแอปพลิเคชัน [https://exploreme.co.uk]
  • graphql [https://graphql.exploreme.co.uk]

ข้อกำหนดซอฟต์แวร์

หากคุณใช้คำสั่ง make , Docker และ Docker-compose และ local node.js กับ NPM เป็นทางเลือก

• node.js
• NPM หรือเส้นด้าย
• MakeFile เสริม ออกมาจากกล่องในสภาพแวดล้อม ของ Unix
• นักเทียบ ท่า V18.09+
• Docker -compose v3+ สำหรับการทดสอบ 'cypress' เท่านั้น

เทคโนโลยีที่ใช้แล้ว

• react.js
• เขี้ยว
• ล้อเล่น
• react testing library
• ไซเปรส

บริการที่ใช้แล้ว

• Circle CI
• Codecov
• รหัสภูมิอากาศ
• สไนค์

วิธีการติดตั้ง

• ด้วยคำสั่ง make ไม่จำเป็นต้องมีขั้นตอนเพิ่มเติมมิฉะนั้นคุณจะต้องดำเนินการ $ npm i

วิธีเรียกใช้การทดสอบ

• การทดสอบแบบ end-to-end 'cypress': $ make sync เพื่อดึง graphql backend เป็น submodule git จากนั้น $ make cypress
  • อะนาล็อก NPM จำเป็นต้องบูต CWA & SA และเชื่อมโยงเข้าด้วยกันจากนั้น cd cypress && npm test
• การทดสอบ 'jest' ที่ใช้งานได้: $ make test หรือ $ npm test
  • Params CLI 'jest' เสริม ตัวอย่าง:
    • ในการรวบรวมความครอบคลุมตัวอย่าง: $ npm test -- --coverage รายงานจะอยู่ใน ./coverage directory
    • ในการเรียกใช้การทดสอบ เฉพาะ ในไฟล์เฉพาะตัวอย่าง: $ npm test src/validation/rules.test.js

วิธีเรียกใช้ในโหมด 'การพัฒนา'

• $ make หรือ $ npm start

วิธีเรียกใช้ในโหมด 'การผลิต'

• $ make serve ไม่มี NPM เทียบเท่า
• หากคุณต้องการสร้างสินทรัพย์คงที่ เท่านั้น
  • $ make build หรือ $ npm run build - สินทรัพย์ที่สร้างขึ้นจะอยู่ใน ./ ไดเรกทอรี build

วิธีเรียกใช้คอนเทนเนอร์ที่มีตัวแปรต่าง ๆ โดยใช้ 'Make'

• ตัวอย่าง: make PORT=18080

กล้ามเนื้อ

• Heroku -> การผลิต ในปัจจุบันมี การเปลี่ยนแปลงเฉพาะการผลิต ทริกเกอร์ปรับใช้กับ AWS ทุกครั้ง
• Master -> การผลิตที่ทันสมัยที่สุดพร้อม การร้องขอการดึงทั้งหมดในสาขานี้ได้รับการตรวจสอบบังคับ 'CI/Circleci: jest' และ 'ci/circleci: Cypress'
• สาขาคุณสมบัติ -> รับการรวมเข้ากับสาขาหลักเมื่อมีการตรวจสอบและการตรวจสอบบังคับผ่าน
• CI ดำเนินการทดสอบในสภาพแวดล้อมที่แยกได้

ตัวแปรสภาพแวดล้อมที่ใช้แล้ว

ตัวแปร	ค่าเริ่มต้น	ใช้เป็น	วัตถุประสงค์
ท่าเรือ	8080	ตัวเลข	พอร์ตที่แอปพลิเคชันจะพร้อมใช้งาน
react_app_graphql	// localhost: 8081	สาย	graphql backend uri
react_app_title	Data Explorer	สาย	ชื่อเว็บไซต์

การสาธิต

ภาพรวม

คุณสมบัติ

เหตุการณ์