explore cwa react

	menguasai	Heroku
tes
Cakupan

'Jelajahi saya CWA' [Aplikasi Web Klien]

Proyek ini berpusat di sekitar mem -parsing berbagai dataset, termasuk data pemerintah Inggris tentang penjualan properti, data pelaporan polisi, dan data kode pos. Tujuannya adalah untuk memanfaatkan informasi geografis untuk membangun koneksi antara kode pos menggunakan garis lintang dan bujur.

Tujuan utama adalah untuk mengembangkan backend graphQL yang dapat diskalakan yang mampu memberikan hasil yang diminta dengan cepat. Upaya ini berupaya menerangi aspek -aspek rumit dari penggunaan graphQL, mengatasi tantangan seperti masalah n+1 dan skenario penskalaan di mana lebih dari satu database diperlukan untuk node menulis dan membaca.

Fitur utama dari proyek ini termasuk sistem jaminan kualitas otomatis (QA) yang kuat, menggabungkan penyemaian data anonim untuk pengujian QA yang komprehensif. Proyek ini juga mengeksplorasi fleksibilitas JavaScript, mendorong batas -batas bahasa. Khususnya, ia menggali kendala bidang objek V8 default, yang dibatasi sekitar ~ 8,4 juta, sambil menyoroti kapasitas penanganan superior dari struktur data peta.

Selain itu, proyek ini menggabungkan sistem antrian untuk meningkatkan efisiensi pemrosesan data. Intinya, Project berfungsi sebagai demonstrasi praktis dari aspek pengembangan perangkat lunak yang beragam dan maju, yang mencerminkan komitmen terhadap keunggulan dan inovasi.

Demo langsung

• Aplikasi Web [https://exploreme.co.uk]
  • Graphql [https://graphql.exploreme.co.uk]

persyaratan perangkat lunak

Jika Anda menggunakan perintah make , Docker dan Docker-Compose diperlukan, dan node.js lokal dengan NPM adalah opsional

• node.js
• NPM atau benang
• Makefile Opsional keluar dari kotak di UNIX Enviroments
• Docker opsional V18.09+
• Opsional Docker-Compose V3+ Untuk Tes 'Cypress' saja

teknologi bekas

• react.js
• kelancangan
• bersenda gurau
• Perpustakaan pengujian bereaksi
• Cypress

layanan bekas

• Lingkaran CI
• codecov
• Iklim Kode
• Snyk

cara menginstal

• Dengan make perintah tidak ada langkah tambahan yang diperlukan, jika tidak Anda perlu mengeksekusi $ npm i

cara menjalankan tes

• Tes 'Cypress' ujung ke ujung: $ make sync to Fetch GraphQL Backend sebagai Submodule Git, lalu $ make cypress
  • Analog NPM memerlukan booting CWA & SA dan menautkannya bersama, lalu cd cypress && npm test
• Tes 'Jest' fungsional: $ make test atau $ npm test
  • Opsional 'Jest' CLI Params, Contoh:
    • Untuk mengumpulkan cakupan, Contoh: $ npm test -- --coverage , Laporan akan berlokasi di ./coverage Directory
    • Untuk menjalankan tes hanya dalam file tertentu, Contoh: $ npm test src/validation/rules.test.js

cara menjalankan dalam mode 'pengembangan'

• $ make atau $ npm start

cara menjalankan dalam mode 'produksi'

• $ make serve , tidak ada yang setara dengan NPM
• Jika Anda hanya perlu menghasilkan aset statis
  • $ make build atau $ npm run build - aset yang dihasilkan akan berlokasi di direktori ./build

cara menjalankan wadah dengan variabel berbeda menggunakan 'make'

• Contoh: make PORT=18080

Gitflow

• Heroku -> Produksi Saat Ini, berisi perubahan spesifik produksi , pemicu penyebaran AWS pada setiap dorongan
• Master -> Paling Tanggal Produksi Siap , Semua Permintaan Tarik ke Cabang Ini Mendapat Pemeriksaan Wajib 'CI/Circleci: Jest' dan 'Ci/Circleci: Cypress'
• Fitur Cabang -> Digabungkan ke Cabang Master saat mereka siap dan pemeriksaan wajib lewat
• CI mengeksekusi tes di lingkungan yang terisolasi

variabel lingkungan bekas

variabel	nilai default	digunakan sebagai	tujuan
PELABUHAN	8080	nomor	port tempat aplikasi akan tersedia
React_app_graphql	// Localhost: 8081	rangkaian	GraphQL Backend URI
React_app_title	Penjelajah Data	rangkaian	judul situs web

Demo

ringkasan

properti

insiden