angular6 webapi

Angular6-Webapi

เข้าสู่ระบบโทเค็น-การพิสูจน์การทำงาน CRUD ด้วย Angular 6 และ. NET Core2 Webapi

---

codebase ที่เก็บข้อมูล

ที่เก็บประกอบด้วยโครงการดังต่อไปนี้:

-	ชื่อโครงการ	รายละเอียดโครงการ	ที่ตั้ง
1	webapi	asp.net core2 webapi เป็นแบ็กเอนด์	โฟลเดอร์แบ็กเอนด์
2	ลูกค้า	Angular 6 เป็นส่วนหน้า	โฟลเดอร์ไคลเอนต์

รายละเอียดการตั้งค่า

รายละเอียดการตั้งค่าสภาพแวดล้อม

1. ดาวน์โหลด/ติดตั้ง dotnet core2.1 เพื่อเรียกใช้โครงการ webapi

2. ดาวน์โหลด/ติดตั้ง โหนด เพื่อเรียกใช้แอปพลิเคชัน Angular66-Webapi [front end]

3. ดาวน์โหลด/ติดตั้ง Visual Studio Code เพื่อเรียกใช้/ดีบักแอปพลิเคชัน

4. ดาวน์โหลด/ติดตั้ง Git Bash และกำหนดค่ารหัส Visual Studio โดยใส่ "terminal.integrated.shell.windows": "C:\Program Files\Git\bin\bash.exe" ใน การตั้งค่าผู้ใช้ ตรวจสอบตำแหน่งของ bash.exe

5. ใน Visual Studio Code โปรดติดตั้ง ส่วนขยาย C#

รายละเอียดการตั้งค่าโครงการ

1. โปรดโคลนหรือดาวน์โหลดที่เก็บจาก GitHub

2. สร้างโฟลเดอร์และวางที่เก็บข้อมูลที่ดาวน์โหลด

3. เปิด รหัส Visual Studio และเปิดโฟลเดอร์ที่สร้างขึ้นใหม่ซึ่งมีการดาวน์โหลดที่เก็บข้อมูล

(a) เพื่อเริ่มบริการแบ็กเอนด์ Webapi

1. ภายใน รหัส Visual Studio เปิดขั้วคำสั่งโดยกดปุ่ม Control ปุ่มแป้นพิมพ์คอมพิวเตอร์และ ~

2. ภายในเทอร์มินัลเรียกดูตำแหน่งโฟลเดอร์ชื่อ "แบ็กเอนด์"

3. คืนค่าการพึ่งพาให้พิมพ์ dotnet restore ในเทอร์มินัล

4. เรียกใช้โครงการ webapi พิมพ์ dotnet run บนเทอร์มินัล

5. Webapi [บริการแบ็กเอนด์] จะเริ่มทำงานบนพอร์ต 5000

(b) เพื่อเริ่มแอปพลิเคชันส่วนหน้า

1. ภายใน รหัส Visual Studio เปิดขั้วคำสั่งใหม่

2. ภายในเทอร์มินัลใหม่เรียกดูโฟลเดอร์ชื่อ "ไคลเอนต์"

3. หากต้องการกู้คืนการอ้างอิงให้พิมพ์ npm install บนเทอร์มินัล

4. ตอนนี้เพื่อเรียกใช้ Angular6-Webapi (แอปพลิเคชันส่วนหน้า) พิมพ์ npm start บนเทอร์มินัล

5. ในไม่ช้าเบราว์เซอร์จะเปิดด้วย URL เป็น localhost:5050

 For better experience please chrome browser

สนับสนุนหรือติดต่อ

มีปัญหา? โปรดอ่านเอกสารหรือการติดต่อนี้และเรียงลำดับ