ดาวน์โหลด codever - Download codever Source Code

codever

ข้อมูลเว็บไซต์

1.0.0

ดาวน์โหลด

⚡? ️บุ๊กมาร์กและผู้จัดการตัวอย่างสำหรับนักพัฒนา & โค? ⚡

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

ส่วนขยาย


บุ๊คมาร์คเล็ต	ส่วนขยายโครเมียม	Firefox addon	ปลั๊กอิน Intellij	ส่วนขยาย vscode

ตัวอย่างการใช้งานส่วนขยายของ Chrome - บันทึกตัวอย่าง

บันทึกไปยังการใช้งานส่วนขยาย Chrome

ส่วนขยายอื่น ๆ ทำงานได้มากหรือน้อยหลังจากหลักการเดียวกัน

บุ๊กมาร์กสาธารณะ

บุ๊กมาร์กสาธารณะที่มีค่าควรตีพิมพ์เป็นประจำบน GitHub ที่ CodeverDotDev/Bookmarks

การตั้งค่า (การพัฒนาหรือโฮสติ้งตนเอง)

คำแนะนำเหล่านี้จะช่วยให้คุณได้รับสำเนาของโครงการและทำงานบนเครื่องในพื้นที่ของคุณเพื่อการพัฒนาและการทดสอบ

โครงการได้รับการพัฒนาด้วยค่าเฉลี่ยสแต็กและกุญแจมือสำหรับการตรวจสอบสิทธิ์และการอนุญาต: ส่วนประกอบกราฟ

โครงการมีสองแอพ

Codever-ui ซึ่งเป็นส่วนต่อประสานผู้ใช้ สิ่งนี้ใช้กับ CLI เชิงมุมและเชิงมุม
Codever-API ซึ่งเป็น API ที่รองรับ UI มันใช้ ExpressJS กับ MongoDB และ Keycloak ดูข้อมูลจำเพาะ OpenAPI

ข้อกำหนดเบื้องต้น

สิ่งที่คุณต้องเรียกใช้แอพนี้:

node และ npm (เราขอแนะนำให้ใช้ NVM)
- ตรวจสอบให้แน่ใจว่าคุณใช้โหนดอย่างน้อย ( v16.xx +) และ NPM ( 8.xx +)
Nodemon - npm install -g nodemon
Docker - เราขอแนะนำให้ใช้ Docker Desktop

ปัจจุบัน Docker และ Docker-compose ใช้สำหรับการพัฒนาในท้องถิ่นเท่านั้น

การติดตั้ง ( การตั้งค่าการพัฒนา )

เริ่ม MongoDB และ Keycloak Server

เมื่อคุณเรียกใช้ docker compose เป็น ครั้งแรก ที่ไม่มีการยกเลิกการเขียนบทต่อไปนี้ -Dkeycloak.migration.action=import บรรทัด:

    # command: -Dkeycloak.migration.action=import -Dkeycloak.migration.provider=dir -Dkeycloak.migration.dir=/tmp/keycloak/export-import -Dkeycloak.migration.strategy=IGNORE_EXISTING

ในไฟล์ Docker-compose เพื่อให้โหลดการตั้งค่า Keycloak เริ่มต้น (Realm และผู้ใช้)

สำหรับการเริ่มต้นของนักเทียบท่าที่เริ่มต้นคุณควร แสดงความคิดเห็นกลับบรรทัดนี้ เนื่องจากเริ่มเร็วขึ้น

docker-compose up

ใช้ -d เพื่อเรียกใช้ในพื้นหลัง

ติดตั้งและเรียกใช้ (Frontend & Backend)

คุณต้องการให้แบ็กเอนด์ API ทำงานก่อนด้วยคำสั่งต่อไปนี้:

 # install
nvm use   # only if you are using nvm
npm install

# run
npm run frontend # to run the frontend
npm run backend # to run the backend

# alternatively run in parallel
npm start

หรือใน nvm use; npm install; npm start บรรทัดเดียว nvm use; npm install; npm start

สิ่งนี้เริ่มต้น

API ที่มี Nodemon ที่ http: // localhost: 3000/API และจะดูการเปลี่ยนแปลงรหัสในแบ็กเอนด์และปรับใช้โดยอัตโนมัติ
ส่วนหน้ามีอยู่ที่ http: // localhost: 4200 เข้าสู่ระบบการเยาะเย้ยผู้ใช้/รหัสผ่าน mock/mock ที่กำหนดค่าสำหรับคุณในการตั้งค่า Keycloak เริ่มต้น บุ๊กมาร์กบางส่วนเต็มไปด้วยบัญชีของคุณดังนั้นคุณสามารถเริ่มเล่นกับพวกเขาได้

คุณสามารถสร้างผู้ใช้ทดสอบของคุณเองหรือผู้ใช้พิเศษอื่น ๆ โดยทำตามภาพหน้าจอในการเพิ่มผู้ใช้ Keycloak เพื่อสร้าง

เพื่อให้สามารถเพิ่มวิดีโอ YouTube ที่เผยแพร่โดยอัตโนมัติและระยะเวลาในชื่อคุณต้องสร้างไฟล์ nodemon.json ตาม backend/nodemon.json.example และเพิ่มคีย์ YouTube API ของคุณเอง

กุญแจมือ

Keycloak Admin Console สามารถเข้าถึงได้ที่ http: // localhost: 8080/auth กับผู้ใช้/รหัสผ่าน admin/Pa55w0rd (ดูไฟล์ Compose Docker)

การทดสอบ

การทดสอบ E2E (การรวม) กับ Cypress

Keycloak และ MongoDB จะต้องเริ่มต้นตามที่ระบุไว้ข้างต้น (คำสั่ง docker-compose up )

เรียกใช้การทดสอบการรวมโดยออกคำสั่งต่อไปนี้

 cd apps/codever-ui
npm run cy:run

ในการเปิด Cypress คุณสามารถเรียกใช้งานต่อไปนี้ npm run cy:open

API (แบ็กเอนด์)

การทดสอบการรวม

Keycloak และ MongoDB จะต้องเริ่มต้นตามที่ระบุไว้ข้างต้น (คำสั่ง docker-compose up )

เรียกใช้การทดสอบการรวมโดยออกคำสั่งต่อไปนี้

 cd apps/codever-api
npm run integration-tests

รายงานจะถูกสร้างขึ้น

การดีบัก

UI (ส่วนหน้า)

เครื่องมือพัฒนาในเบราว์เซอร์โครเมียม

คุณสามารถใช้เครื่องมือ dev ในเบราว์เซอร์ที่ใช้โครเมียม (เช่น Chrome, Brave) นำทางไปยัง แหล่งที่มา และไฟล์ที่คุณต้องการตั้งค่าจุดพักของคุณเช่นในตัวอย่างต่อไปนี้:

Chrome-dev-tools-debugging