explore cwa react

	掌握	Heroku
測試
覆蓋範圍

'探索我CWA'[客戶端Web應用程序]

該項目圍繞解析各種數據集，包括英國政府有關房地產銷售，警察報告數據和郵政編碼數據的數據。目的是利用地理信息，以使用緯度和經度建立郵政編碼之間的聯繫。

主要目的是開發可擴展的GraphQL後端，能夠迅速提供所需的結果。這項工作試圖照亮GraphQl使用的複雜方面，以解決諸如N+1問題之類的挑戰和縮放場景，在這些方案中，編寫和讀取節點都需要多個數據庫。

該項目的關鍵功能包括強大的自動質量保證（QA）系統，並結合了匿名數據播種，以進行全面的QA測試。該項目還探討了JavaScript的靈活性，並突破了語言的界限。值得注意的是，它深入研究了默認V8對象字段的約束，該字段約為840萬，同時突出了地圖數據結構的出色處理能力。

此外，該項目還結合了一個隊列系統，以提高數據處理的效率。從本質上講，項目是對軟件開發的各種和高級方面的實踐證明，反映了對卓越和創新的承諾。

現場演示

• Web應用程序[https://exploreme.co.uk]
  • GraphQl [https://graphql.exploreme.co.uk]

軟件要求

如果您使用make ，需要碼頭和碼頭組合，而npm的本地node.js是可選的

• node.js
• NPM或紗
• 可選的makefile在Unix Env​​iroments開箱即用
• 可選的Docker V18.09+
• 僅用於“柏樹”測試的可選Docker-Compose V3+

二手技術

• React.js
• Sass
• 笑話
• React測試庫
• 柏

二手服務

• 圓CI
• Codecov
• 代碼氣候
• Snyk

如何安裝

• make命令無需其他步驟，否則您需要執行$ npm i

如何運行測試

• 端到端的“柏樹”測試： $ make sync以獲取GraphQl作為git subsodule，然後$ make cypress
  • NPM模擬需要啟動CWA＆SA並將它們鏈接在一起，然後將cd cypress && npm test鏈接在一起
• 功能“開玩笑”測試： $ make test或$ npm test
  • 可選的“開玩笑” CLI參數，示例：
    • 要收集覆蓋範圍，例如： $ npm test -- --coverage ，報告將位於./coverage目錄中
    • 要僅在特定文件中運行測試，示例： $ npm test src/validation/rules.test.js

如何以“開發”模式運行

• $ make或$ npm start

如何以“生產”模式運行

• $ make serve ，沒有NPM同等學歷
• 如果您只需要生成靜態資產
  • $ make build或$ npm run build - 生成的資產將位於./ Build目錄中

如何使用“ make”運行具有不同變量的容器

• 示例： make PORT=18080

gitflow

• Heroku- >當前的生產，包含特定的變化，在每次推動下觸發AWS部署
• 主- >最新的日期生產準備大多數，所有的拉力請求都需要進行強制性檢查“ CI/CIRCLECI：JEST”和“ CI/CIRCLECI：CYPRESS”
• 功能分支- >準備就緒時將其合併到主分支中並通過了強制性檢查
• CI在孤立的環境中執行測試

使用的環境變量

多變的	預設值	用作	目的
港口	8080	數字	將在其上提供該應用程序的端口
react_app_graphql	// Localhost：8081	細繩	GraphQL後端URI
react_app_title	數據資源管理器	細繩	網站的標題

演示

概述

特性

事件