AngularJS $ http และ $ ทรัพยากร

ฉันมีบริการทางเว็บบางอย่างที่ฉันต้องการโทร $resourceหรือ$httpฉันควรใช้อันไหนดี?

$resource: https://docs.angularjs.org/api/ngResource/service/$resource

$http: https://docs.angularjs.org/api/ng/service/$http

หลังจากฉันอ่านหน้า API ทั้งสองด้านบนแล้วฉันก็หลงทาง

คุณกรุณาอธิบายให้ฉันฟังเป็นภาษาอังกฤษธรรมดาอะไรคือความแตกต่างและในสถานการณ์ใดที่ฉันควรใช้ ฉันจะจัดโครงสร้างการเรียกเหล่านี้และอ่านผลลัพธ์ลงในวัตถุ js อย่างถูกต้องได้อย่างไร

$httpสำหรับ AJAX เพื่อวัตถุประสงค์ทั่วไป ในกรณีส่วนใหญ่นี่คือสิ่งที่คุณจะใช้ กับ$httpที่คุณกำลังจะได้รับการGET, POST, DELETEประเภทเรียกตนเองและการประมวลผลวัตถุพวกเขากลับมาด้วยตัวคุณเอง

$resourcewraps $httpสำหรับใช้ในสถานการณ์ RESTful web API

พูดมากโดยทั่วไป: บริการเว็บสงบจะได้รับการบริการที่มีหนึ่งปลายทางสำหรับชนิดข้อมูลที่ไม่สิ่งที่แตกต่างกับชนิดข้อมูลว่าขึ้นอยู่กับวิธีการ HTTP ชอบGET, POST, PUT, DELETEฯลฯ ดังนั้นด้วย$resourceคุณสามารถเรียกGETที่จะได้รับทรัพยากร เป็นวัตถุ JavaScript แล้วแก้ไขและส่งกลับมาพร้อมกับหรือแม้แต่ลบมันด้วยPOSTDELETE

... ถ้านั่นสมเหตุสมผล

ผมรู้สึกว่าคำตอบอื่น ๆ ในขณะที่ถูกต้องค่อนข้างไม่อธิบายรากของคำถาม: เป็นส่วนหนึ่งของREST HTTPทุกอย่างที่นี้หมายถึงว่าสามารถทำได้ผ่านทางRESTสามารถทำได้ผ่านทางHTTPแต่ไม่ทุกอย่างที่สามารถทำได้ผ่านทางสามารถทำได้ผ่านทางHTTP RESTนั่นคือเหตุผลที่$resourceใช้$httpภายใน

ดังนั้นเมื่อใดควรใช้ซึ่งกันและกัน

หากทั้งหมดที่คุณต้องการคือRESTคุณกำลังพยายามเข้าถึงRESTfulเว็บเซอร์$resourceจะทำให้การโต้ตอบกับเว็บเซอร์นั้นเป็นเรื่องง่าย

แต่ถ้าคุณกำลังพยายามที่จะเข้าถึงทุกสิ่งที่ไม่ได้เป็นเว็บเซอร์ที่คุณกำลังจะต้องไปกับRESTful $httpเก็บไว้ในใจคุณยังสามารถเข้าถึงRESTfulเว็บเซอร์ผ่านมันก็จะยุ่งยากมากขึ้นกว่าที่มี$http $resourceนี่คือวิธีที่คนส่วนใหญ่ทำนอก AngularJS โดยใช้jQuery.ajax(เทียบเท่ากับ Angular's $http)

$httpทำให้การโทร AJAX สำหรับวัตถุประสงค์ทั่วไปซึ่งโดยทั่วไปหมายถึงสามารถรวมAPE RESTfulและNon-RESTful API

และ$resourceเป็นผู้เชี่ยวชาญสำหรับสงบส่วนที่

Api ที่พักผ่อนได้ได้มาแพร่หลายในช่วงไม่กี่ปีที่ผ่านมาเนื่องจากมีการจัดระเบียบ URL ที่ดีขึ้นแทนที่จะเป็น URL แบบสุ่มที่เขียนขึ้นโดยโปรแกรมเมอร์

ถ้าฉันใช้RESTful APIเพื่อสร้าง URL มันจะเป็นอย่างไร/api/cars/:carIdก็จะเป็นสิ่งที่ชอบ

$resource วิธีดึงข้อมูล

angular.module('myApp', ['ngResource'])

    // Service
    .factory('FooService', ['$resource', function($resource) {
        return $resource('/api/cars/:carId')
    }]);

    // Controller
    .controller('MainController', ['FooService', function(FooService){
        var self = this;
        self.cars = FooService.query();
        self.myCar = FooService.get('123');

    }]);

นี้จะทำให้คุณมีวัตถุทรัพยากรซึ่งจะมาพร้อมกับget, save, query, remove,deleteวิธีการโดยอัตโนมัติ

$http วิธีดึงข้อมูล

angular.module('myApp', [])

    // Service
    .factory('FooService', ['$http', function($http){
        return {
            query: function(){
                return $http.get('/api/cars');
            },

            get: function(){
                return $http.get('/api/cars/123');
            }
            // etc...
        }

ดูว่าเราจำเป็นต้องกำหนดการดำเนินการทั่วไปในRESTFul APIอย่างไร อีกอย่างหนึ่งที่แตกต่างคือ$httpผลตอบแทนpromiseในขณะที่$resourceส่งกลับวัตถุ นอกจากนี้ยังมีปลั๊กอินบุคคลที่สามเพื่อช่วยจัดการ Angular กับRESTFul APIเช่นเป็นรูปสี่เหลี่ยมผืนผ้า

หาก API /api/getcarsinfoเป็นสิ่งที่ต้องการ $httpซ้ายทั้งหมดสำหรับเราคือการใช้งาน

ฉันคิดว่าคำตอบนั้นขึ้นอยู่กับว่าคุณเป็นใครในเวลาที่คุณเขียนโค้ด ใช้หากคุณกำลังใหม่เพื่อเชิงมุมจนกว่าคุณจะรู้ว่าทำไมคุณต้อง$http $resourceจนกว่าคุณจะมีประสบการณ์ที่เป็นรูปธรรมของวิธีการที่$httpจะถือคุณกลับและคุณเข้าใจความหมายของการใช้$resourceในรหัสของคุณ$httpติดกับ

นี่เป็นประสบการณ์ของฉัน: ฉันเริ่มต้นโครงการเชิงมุมครั้งแรกของฉันฉันต้องทำการร้องขอ HTTP ไปยังอินเทอร์เฟซ RESTful ดังนั้นฉันจึงทำวิจัยเดียวกับที่คุณทำอยู่ตอนนี้ ขึ้นอยู่กับการอภิปรายผมอ่านในคำถาม SO $resourceเช่นนี้ผมเลือกที่จะไปกับ นี่เป็นความผิดพลาดที่ฉันหวังว่าจะทำได้ นี่คือเหตุผล:

1. $httpตัวอย่างมีมากมายมีประโยชน์และโดยทั่วไปคือสิ่งที่คุณต้องการ $resourceตัวอย่างที่ชัดเจนนั้นหายากและ (จากประสบการณ์ของฉัน) แทบทุกสิ่งที่คุณต้องการ สำหรับมือใหม่คุณจะไม่ตระหนักถึงความหมายของตัวเลือกของคุณจนกระทั่งต่อมาเมื่อคุณสับสนกับเอกสารและโกรธที่คุณไม่สามารถหา$resourceตัวอย่างที่เป็นประโยชน์เพื่อช่วยเหลือคุณได้
2. $httpอาจเป็นแผนที่จิตแบบ 1 ต่อ 1 กับสิ่งที่คุณกำลังมองหา $httpคุณไม่จำเป็นต้องเรียนรู้แนวคิดใหม่ที่จะเข้าใจสิ่งที่คุณได้รับ $resourceนำมาซึ่งความแตกต่างมากมายที่คุณยังไม่มีแผนที่ความคิด
3. อุ๊ปส์ฉันว่าคุณไม่ต้องเรียนรู้แนวคิดใหม่หรือไม่? ในฐานะที่เป็นมือใหม่เชิงมุมคุณไม่ต้องเรียนรู้เกี่ยวกับสัญญา $httpส่งคืนสัญญาและ.thenสามารถทำได้ดังนั้นจึงเหมาะสมกับสิ่งใหม่ ๆ ที่คุณเรียนรู้เกี่ยวกับ Angular และสัญญา $resourceซึ่งไม่ได้คืนสัญญาโดยตรงทำให้การเข้าใจพื้นฐานเบื้องต้นของคุณซับซ้อนขึ้น
4. $resourceมีประสิทธิภาพเพราะมันรวมรหัสสำหรับการโทร CRUD ที่สงบและการแปลงสำหรับอินพุตและเอาต์พุต ดีมากถ้าคุณเบื่อที่จะเขียนโค้ดซ้ำ ๆ เพื่อประมวลผลผลลัพธ์ของ$httpคุณเอง ให้คนอื่น$resourceเพิ่มเลเยอร์ความลับของไวยากรณ์และพารามิเตอร์ผ่านที่ทำให้เกิดความสับสน

ฉันหวังว่าฉันรู้จักฉัน 3 เดือนที่ผ่านมาและฉันจะบอกตัวเองอย่างเด่นชัด: "ติดกับ$httpเด็กมันไม่เป็นไร"

ฉันคิดว่ามันเป็นสิ่งสำคัญที่จะเน้นว่าทรัพยากร $ คาดว่าวัตถุหรืออาร์เรย์เป็นการตอบสนองจากเซิร์ฟเวอร์ไม่ใช่สตริงดิบ ดังนั้นหากคุณมีสตริงดิบ (หรืออะไรก็ตามยกเว้นวัตถุและอาร์เรย์) เป็นการตอบสนองคุณต้องใช้ $ http

เมื่อพูดถึงการเลือกระหว่าง$httpหรือ$resourceพูดเทคนิคไม่มีคำตอบที่ถูกหรือผิดในสาระสำคัญทั้งสองจะทำแบบเดียวกัน

วัตถุประสงค์$resourceคือเพื่อให้คุณสามารถส่งผ่านสตริงเทมเพลต (สตริงที่มีตัวยึดตำแหน่ง) พร้อมกับค่าพารามิเตอร์ $resourceจะแทนที่ตัวยึดตำแหน่งจากสตริงแม่แบบด้วยค่าพารามิเตอร์ที่ถูกส่งผ่านเป็นวัตถุ สิ่งนี้มีประโยชน์ส่วนใหญ่เมื่อโต้ตอบกับแหล่งข้อมูล RESTFul เนื่องจากใช้หลักการที่คล้ายกันเพื่อกำหนด URL

สิ่งที่$httpต้องดำเนินการกับคำขอ HTTP แบบอะซิงโครนัส

บริการด้านทรัพยากรเป็นเพียงบริการที่มีประโยชน์สำหรับการทำงานกับ REST APSIs เมื่อคุณใช้มันคุณจะไม่เขียนวิธี CRUD ของคุณ (สร้างอ่านอัปเดตและลบ)

เท่าที่ฉันเห็นบริการทรัพยากรเป็นเพียงทางลัดคุณสามารถทำอะไรกับบริการ http

สิ่งหนึ่งที่ฉันสังเกตเห็นเมื่อใช้ทรัพยากร $ มากกว่า $ http คือถ้าคุณใช้ Web API ใน. net

$ resource ถูกผูกเข้ากับคอนโทรลเลอร์หนึ่งตัวที่ดำเนินการเพื่อวัตถุประสงค์เดียว

$ resource ('/ user /: userId', {userId: '@ id'});

[HttpGet]
public bool Get(int id)
{
    return "value"
}

public void Post([FromBody]string value)
{
}

public void Put(int id, [FromBody]string value)
{
}

public void Delete(int id)
{
}

ในขณะที่ $ http อาจเป็นอะไรก็ได้ เพียงระบุ URL

$ http.get - "api / รับรองความถูกต้อง"

[HttpGet]
public bool Authenticate(string email, string password)
{
    return _authenticationService.LogIn(email, password, false);
}

มันเป็นเพียงความคิดเห็นของฉัน

บริการ $ resource ในปัจจุบันไม่สนับสนุนสัญญาดังนั้นจึงมีส่วนต่อประสานที่แตกต่างกันอย่างชัดเจนไปยังบริการ $ http