หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

ตัวอย่างการจัดการ book store MEAN Stack

  • การจัดการ book store ที่มีการดำเนินการ CRUD เรียกใช้บริการ API
  • การโต้ตอบกับฐานข้อมูล MongoDB
  • เปิดใช้งานเซิร์ฟเวอร์ http/2 แล้ว
  • เปิดใช้งานการตรวจสอบผู้ใช้แล้ว
  • การออกแบบเว็บที่ตอบสนอง

ดูตัวอย่าง

สแต็ค

  • NodeJS 7.7.0 (ติดตั้งแล้ว - จำเป็น)
  • มอนโกดีบี 3.4.2
  • เชิงมุม 2.4 พร้อม CLI
  • Docker 1.13.1 (ติดตั้งแล้ว - จำเป็น)

การติดตั้ง

OS X และลินุกซ์: 

$ bash < kraken.sh

หน้าต่าง: 

change linux commands from the kraken.sh file to be able to automate the process

การใช้งานระบบด้วยนักเทียบท่า

!สำคัญ

ก่อนที่จะเริ่มใช้บริการของเราทั้งในโหมดการผลิตหรือโหมดการพัฒนา เราต้องตรวจสอบและตรวจสอบ URL ของ api จาก api.service.ts เชิงมุมให้เป็น IP เดียวกับที่ docker-machine-ip

รับ IP ของนักเทียบท่าเครื่อง

ก่อนอื่นเราต้องรู้ว่า ip ของ docker-machine คืออะไรจึงจะรับ ip ที่เราต้องใช้เพื่อรันคำสั่งต่อไปนี้:

$ docker-machine ip dimtec

คำอธิบายการใช้งาน

เว็บแอป :

หากต้องการใช้เว็บแอป เราจำเป็นต้องไปที่ URL ต่อไปนี้: https://{{docker-machine-ip}}:8080 ในเบราว์เซอร์ Chrome เพื่อประสบการณ์ที่ดีขึ้น เบราว์เซอร์จะถามเราว่าเราต้องการเชื่อถือใบรับรองหรือไม่ และเรา ต้องการความน่าเชื่อถือ สิ่งนี้เกิดขึ้นเนื่องจากเราใช้ใบรับรองที่ลงนามด้วยตนเอง

ในส่วนที่มีการอัปโหลดรูปภาพนั้น จะใช้เซิร์ฟเวอร์ cdn ปลอมเพื่อจำลองวิธีการอัปโหลดรูปภาพและเวลาที่อัปโหลด จะส่งคืน URL ของรูปภาพปลอม และเราจะอัปเดตออบเจ็กต์หนังสือของเราเพื่อจัดเก็บข้อมูลหนังสือไว้ในฐานข้อมูล

API บริการหนังสือ

เว็บแอปจะใช้ API ที่เรียก URL ต่อไปนี้: https://{{docker-machine-ip}}:3000 และที่นี่จะจัดส่งคำขอทั้งหมดที่ต้องการ ค้นหา สร้าง แก้ไข ลบ หนังสือเช่นเดียวกับผู้แต่ง

ฐานข้อมูล MongoDB

หากต้องการใช้ฐานข้อมูล Book Service API จะเรียกใช้เซิร์ฟเวอร์ IP ต่อไปนี้: {{docker-machine-ip}}:27017 แต่เพื่อให้สามารถดำเนินการกับฐานข้อมูลได้ เราจำเป็นต้องได้รับการตรวจสอบสิทธิ์

การใช้งานระบบโดยไม่มีนักเทียบท่า

การตั้งค่าการพัฒนา

แอปเชิงมุม

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

 $ npm start

สิ่งนี้จะรันคำสั่ง angular-cli ng serve ที่จะปรับใช้แอพเชิงมุมในเซิร์ฟเวอร์รวม webpack สำหรับการทดสอบที่ url http://localhost:4200

เซิร์ฟเวอร์ API

ในการเริ่มต้นเซิร์ฟเวอร์ API เราจำเป็นต้องวางตำแหน่งไว้ที่โฟลเดอร์เซิร์ฟเวอร์และรันคำสั่ง: 

 $ npm start

สิ่งนี้จะเริ่มบริการ API ที่ URL ต่อไปนี้: http://localhost:3000

ฐานข้อมูล

ฐานข้อมูลจะได้รับการกำหนดค่าโดยอัตโนมัติด้วยสคริปต์ที่อยู่ในโฟลเดอร์ฐานข้อมูลและจะรับฟังที่ URL ต่อไปนี้: {{docker-machine-ip}}:27017

ดูตัวอย่าง

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