ฉันมาจากการใช้ ASP.NET MVC / Web API และตอนนี้ฉันเริ่มใช้ Angular แต่ฉันไม่ชัดเจนเกี่ยวกับวิธีที่เหมาะสมในการผสม
เมื่อฉันใช้ Angular แนวคิดด้านการตัด MVC ยังคงให้คุณค่าหรือไม่? หรือฉันควรใช้ Web API อย่างเคร่งครัดเพื่อรับข้อมูลสำหรับการเรียก HTTP เชิงมุม
เคล็ดลับใด ๆ ที่คุณมีสำหรับ ASP.NET MVC ที่เปลี่ยนไปใช้ Angular จะเป็นประโยชน์
คำตอบ:
Pure Web API
ผมเคยเป็นไม่ยอมใครง่ายๆสวยด้วย ASP.NET MVC แต่ตั้งแต่ฉันได้พบเชิงมุมผมไม่เห็นเหตุผลหนึ่งที่ผมจะใช้ใด ๆด้านเซิร์ฟเวอร์กรอบการสร้างเนื้อหา Pure Angular / REST (WebApi) ให้ผลลัพธ์ที่สมบูรณ์ยิ่งขึ้นและราบรื่นขึ้น เร็วกว่ามากและช่วยให้คุณสร้างเว็บไซต์ที่ค่อนข้างใกล้เคียงกับแอปพลิเคชันบนเดสก์ท็อปโดยไม่ต้องแฮ็กใด ๆ
Angular มีช่วงการเรียนรู้เล็กน้อย แต่เมื่อทีมของคุณเชี่ยวชาญแล้วคุณจะสร้างเว็บไซต์ที่ดีขึ้นได้มากในเวลาที่น้อยลง สิ่งนี้ส่วนใหญ่เกี่ยวข้องกับการที่คุณไม่มีปัญหาเกี่ยวกับสถานะเหล่านี้ (น้อยกว่า) อีกต่อไป
ตัวอย่างเช่นลองนึกภาพตัวช่วยสร้างที่มีกรอบงานฝั่งเซิร์ฟเวอร์แบบดั้งเดิม แต่ละหน้าต้องได้รับการตรวจสอบและส่งแยกกัน บางทีเนื้อหาของเพจอาจขึ้นอยู่กับค่าจากหน้าที่แล้ว บางทีผู้ใช้อาจกดปุ่มย้อนกลับและกำลังส่งแบบฟอร์มก่อนหน้านี้อีกครั้ง เราจัดเก็บสถานะของลูกค้าไว้ที่ไหน? ไม่มีภาวะแทรกซ้อนทั้งหมดนี้เมื่อใช้ Angular และ REST
ดังนั้น ... มาที่ด้านมืด ... เรามีคุกกี้
AngularJS มีความเกี่ยวข้องกับกระบวนทัศน์แอ็พพลิเคชันหน้าเดียวมากขึ้นและด้วยเหตุนี้จึงไม่ได้รับประโยชน์มากนักจากเทคโนโลยีฝั่งเซิร์ฟเวอร์ที่แสดงผลมาร์กอัป ไม่มีเหตุผลทางเทคนิคที่ขัดขวางคุณในการใช้ร่วมกัน แต่ในทางปฏิบัติทำไมคุณถึงเป็นเช่นนั้น?
SPA ดึงข้อมูลที่ต้องการ (มุมมอง JS, CSS และ HTML) และรันด้วยตัวเองโดยสื่อสารกลับไปยังบริการเพื่อส่งหรือดึงข้อมูล ดังนั้นเทคโนโลยีฝั่งเซิร์ฟเวอร์จึงยังคงจำเป็นสำหรับการให้บริการเหล่านั้น (เช่นเดียวกับวิธีการอื่น ๆ เช่นการพิสูจน์ตัวตนและการกดไลค์) แต่ส่วนการแสดงผลส่วนใหญ่ไม่เกี่ยวข้องและไม่มีประโยชน์อย่างยิ่งเนื่องจากเป็นการซ้ำซ้อนของความพยายามยกเว้น MVC ทำ ที่ฝั่งเซิร์ฟเวอร์และ Angular ทำบนไคลเอนต์ หากคุณใช้ Angular คุณต้องการให้ไคลเอ็นต์ได้ผลลัพธ์ที่ดีที่สุด คุณสามารถสร้างรูปแบบ HTML โพสต์เชิงมุมและดึงมุมมองบางส่วนจากการกระทำ MVC ได้ แต่คุณจะพลาดคุณสมบัติที่ดีที่สุดและง่ายที่สุดของ Angular และทำให้ชีวิตของคุณยากขึ้น
MVC ค่อนข้างยืดหยุ่นและคุณสามารถใช้เพื่อให้บริการโทรจากแอปพลิเคชัน SPA อย่างไรก็ตาม WebAPI ได้รับการปรับแต่งอย่างละเอียดและใช้งานง่ายขึ้นเล็กน้อยสำหรับบริการดังกล่าว
ฉันได้เขียนแอปพลิเคชัน AngularJS จำนวนหนึ่งซึ่งรวมถึงแอปพลิเคชันสองตัวที่ย้ายจาก WebForms และแอปพลิเคชัน MVC ที่มีอยู่แล้วและด้าน ASP.NET พัฒนาไปสู่แพลตฟอร์มสำหรับส่งแอป AngularJS เป็นไคลเอนต์จริงและสำหรับการโฮสต์เลเยอร์แอปพลิเคชัน ไคลเอนต์สื่อสารผ่าน REST (โดยใช้ WebAPI) MVC เป็นเฟรมเวิร์กที่ดี แต่มักจะพบว่าตัวเองไม่มีงานในแอปพลิเคชันประเภทนี้
แอปพลิเคชัน ASP.NET กลายเป็นอีกชั้นหนึ่งของโครงสร้างพื้นฐานซึ่งความรับผิดชอบถูก จำกัด ไว้ที่:
สิ่งที่ยอดเยี่ยมอีกอย่างเกี่ยวกับสปาคือสามารถเพิ่มแบนด์วิดท์ของทีมของคุณได้ กลุ่มหนึ่งสามารถระเบิดบริการได้ในขณะที่อีกกลุ่มอยู่ในแอปไคลเอ็นต์ เนื่องจากคุณสามารถตัดหรือจำลองบริการ REST ได้อย่างง่ายดายคุณจึงสามารถมีแอปไคลเอ็นต์ที่ทำงานได้อย่างสมบูรณ์ในบริการจำลองและเปลี่ยนเป็นของจริงเมื่อเสร็จสิ้น
คุณต้องลงทุนล่วงหน้ากับ Angular แต่ต้องจ่ายเงินจำนวนมาก เนื่องจากคุณคุ้นเคยกับ MVC อยู่แล้วคุณจึงเข้าใจแนวคิดหลักบางประการ
ขึ้นอยู่กับโครงการที่คุณกำลังดำเนินการ
หาก angularJS เป็นสิ่งใหม่สำหรับคุณฉันอยากจะเลือกโครงการที่มีความเสี่ยง / ความกดดันต่ำขนาดเล็กเพื่อเริ่มต้นและให้แน่ใจว่าคุณได้เรียนรู้วิธีการทำสิ่งต่างๆอย่างถูกต้อง (ฉันเคยเห็นหลายโครงการที่ใช้ Angularjs ผิดเพราะความกดดันกำหนดเวลา ... ไม่มีเวลาเรียนรู้ด้วยวิธีที่เหมาะสมเช่นการใช้ JQuery หรือการเข้าถึง DOM ภายในคอนโทรลเลอร์เป็นต้น ... )
หากโปรเจ็กต์เป็นฟิลด์สีเขียวและคุณมีประสบการณ์บางอย่างเกี่ยวกับ AngularJS คุณควรละทิ้ง ASP.net MVC และในฝั่งเซิร์ฟเวอร์ไปที่ REST / WebAPI ที่บริสุทธิ์
หากเป็นโปรเจ็กต์ที่มีอยู่คุณสามารถเลือกฟังก์ชันย่อยที่ซับซ้อนและสร้างเพจนั้นเป็นแอพ angularJS แยกต่างหาก (เช่นแอพของคุณประกอบด้วยเพจที่ใช้ Razor ที่มีความซับซ้อนง่าย / ปานกลางเป็นจำนวนมาก แต่คุณต้องการและตัวแก้ไขขั้นสูง / ซึ่งอาจเป็นชิ้นส่วนเป้าหมายที่จะสร้างด้วย AngularJS)
คุณสามารถใช้ Angular framework สำหรับการพัฒนาส่วนหน้าเช่นเพื่อสร้างมุมมอง มันมอบสถาปัตยกรรมที่แข็งแกร่งให้กับคุณและเมื่อคุณเรียนรู้แล้วคุณจะพบว่ามันมีข้อดีกว่าเอ็นจิ้นมุมมองมีดโกนของ Asp.net MVC ในการดึงข้อมูลคุณต้องใช้ WebAPI และตอนนี้โปรเจ็กต์ ASP.Net MVC รองรับทั้งตัวควบคุม WebAPI และ MVC ทันที คุณสามารถดูลิงค์ด้านล่างเริ่มต้นด้วยการพัฒนาแอปพลิเคชัน Angular และ ASP.Net MVC
http://hive.rinoy.in/angular4-and-asp-net-mvc-hybrid-application/
ปัจจุบันมีสองเฟรมเวิร์กสำหรับการพัฒนาส่วนประกอบ UI สำหรับแอพพลิเคชั่นเชิงมุม ฉันใช้ทั้งสองกรอบนี้ในโครงการเชิงมุมที่ฉันทำงาน