AngularJS $ http dan $ resource

Saya memiliki beberapa layanan web yang ingin saya panggil. $resourceatau $http, yang mana yang harus saya gunakan?

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

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

Setelah saya membaca dua halaman API di atas saya tersesat.

Bisakah Anda jelaskan kepada saya dalam bahasa Inggris yang sederhana apa perbedaannya dan dalam situasi apa saya harus menggunakannya? Bagaimana cara menyusun panggilan ini dan membaca hasilnya menjadi objek js dengan benar?

$httpadalah untuk tujuan umum AJAX. Dalam kebanyakan kasus, inilah yang akan Anda gunakan. Dengan $httpAnda akan membuat GET, POST, DELETEjenis secara manual dan pengolahan benda mereka kembali pada Anda sendiri.

$resourcemembungkus $httpuntuk digunakan dalam skenario API web yang tenang.

Berbicara sangat umum: layanan web Sebuah tenang akan menjadi layanan dengan satu endpoint untuk tipe data yang melakukan hal yang berbeda dengan jenis data berdasarkan HTTP metode seperti GET, POST, PUT, DELETE, dll Jadi dengan $resource, Anda dapat memanggil GETuntuk mendapatkan sumber daya sebagai objek JavaScript, lalu ubah dan kirim kembali dengan POST, atau bahkan hapus dengan DELETE.

... jika itu masuk akal.

Saya merasa bahwa jawaban lain, meskipun benar, tidak cukup menjelaskan akar pertanyaan: RESTadalah bagian dari HTTP. Ini berarti segala sesuatu yang dapat dilakukan melalui RESTdapat dilakukan melalui HTTPtetapi tidak semua yang dapat dilakukan melalui HTTPdapat dilakukan melalui REST. Itu sebabnya $resourcemenggunakan $httpinternal.

Jadi, kapan harus saling menggunakan?

Jika yang Anda butuhkan adalah REST, yaitu, Anda mencoba mengakses layanan RESTfulweb, $resourceakan membuatnya sangat mudah untuk berinteraksi dengan layanan web tersebut.

Jika sebaliknya, Anda mencoba mengakses APA SAJA yang bukan layanan RESTfulweb, Anda harus menggunakannya $http. Perlu diingat, Anda juga bisa mengakses layanan RESTfulweb via $http, itu hanya akan jauh lebih rumit daripada dengan $resource. Ini adalah cara kebanyakan orang melakukannya di luar AngularJS, dengan menggunakan jQuery.ajax(setara dengan Angular $http).

$httpmembuat panggilan AJAX untuk keperluan umum, di mana secara umum berarti itu bisa termasuk api tenang ditambah api tidak tenang .

dan $resourcedikhususkan untuk bagian tenang itu .

Restful Api menjadi lazim dalam beberapa tahun terakhir karena url lebih terorganisir daripada url acak yang dibuat oleh programmer.

Jika saya menggunakan RESTful API untuk membangun url, itu akan menjadi sesuatu seperti /api/cars/:carId.

$resource cara untuk mengambil data

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');

    }]);

Ini akan memberi Anda objek sumber daya , yang disertai dengan get, save, query, remove, deletemetode otomatis.

$http cara untuk mengambil data

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...
        }

Lihat bagaimana kita perlu mendefinisikan setiap operasi umum pada RESTFul API . Juga satu perbedaan adalah yang $httpmengembalikan promisesaat $resourcemengembalikan objek. Ada juga plugin pihak ketiga untuk membantu Angular menangani RESTFul API seperti restangular

Jika API itu seperti /api/getcarsinfo. Semua yang tersisa untuk kita gunakan $http.

Saya pikir jawabannya lebih tergantung pada siapa Anda pada saat Anda menulis kode. Gunakan $httpjika Anda baru di Angular, sampai Anda tahu mengapa Anda perlu $resource. Sampai Anda memiliki pengalaman nyata tentang bagaimana $httpmenahan Anda, dan Anda memahami implikasi penggunaan $resourcedalam kode Anda , tetaplah dengan $http.

Ini adalah pengalaman saya: Saya memulai proyek Angular pertama saya, saya perlu membuat permintaan HTTP ke antarmuka RESTful, jadi saya melakukan penelitian yang sama dengan yang Anda lakukan sekarang. Berdasarkan diskusi yang saya baca di SO pertanyaan seperti ini, saya memilih untuk ikut $resource. Ini adalah kesalahan yang saya harap bisa saya batalkan. Inilah alasannya:

1. $httpContohnya banyak, membantu, dan umumnya hanya apa yang Anda butuhkan. Jelas $resourcecontoh yang langka, dan (dalam pengalaman saya) jarang semua yang Anda butuhkan. Untuk pemula Angular, Anda tidak akan menyadari implikasi pilihan Anda sampai nanti, ketika Anda terjebak bingung dengan dokumentasi dan marah karena Anda tidak dapat menemukan $resourcecontoh-contoh bermanfaat untuk membantu Anda.
2. $httpmungkin adalah peta mental 1-ke-1 untuk apa yang Anda cari. Anda tidak perlu mempelajari konsep baru untuk memahami apa yang Anda dapatkan $http. $resourcemembawa banyak nuansa bahwa Anda belum memiliki peta mental untuk saat ini.
3. Ups, apa saya bilang Anda tidak perlu belajar konsep baru? Sebagai pemula sudut Anda lakukan harus belajar tentang janji-janji. $httpmengembalikan janji dan .thenmampu, sehingga cocok dengan hal-hal baru yang Anda pelajari tentang Angular dan janji. $resource, yang tidak mengembalikan janji secara langsung, mempersulit pemahaman tentatif Anda pada fundamental Angular.
4. $resourcesangat kuat karena memadatkan kode untuk panggilan CRUD tenang dan transformasi untuk input dan output. Itu bagus jika Anda muak menulis kode berulang kali untuk memproses hasil $httpdiri Anda sendiri. Untuk orang lain, $resourcetambahkan lapisan sintaksis dan parameter yang lewat yang membingungkan.

Seandainya saya mengenal saya 3 bulan lalu, dan saya akan dengan tegas mengatakan pada diri sendiri: "Tetaplah dengan $httpanak kecil. Tidak apa-apa."

Saya pikir penting untuk menekankan bahwa $ resource mengharapkan objek atau array sebagai respons dari server, bukan string mentah. Jadi jika Anda memiliki string mentah (atau apa pun kecuali objek dan array) sebagai respons, Anda harus menggunakan $ http

Ketika datang untuk memilih antara $httpatau $resourceberbicara secara teknis tidak ada jawaban benar atau salah pada dasarnya keduanya akan melakukan hal yang sama.

Tujuannya $resourceadalah untuk memungkinkan Anda meneruskan string template (string yang berisi placeholder) bersama dengan nilai parameter. $resourceakan mengganti placeholder dari string template dengan nilai parameter yang dilewatkan sebagai objek. Ini sebagian besar berguna ketika berinteraksi dengan sumber data RESTFul karena mereka menggunakan prinsip serupa untuk mendefinisikan URL.

Apa yang $httpdilakukan adalah melakukan Permintaan HTTP Asinkron.

layanan sumber daya hanyalah layanan yang berguna untuk bekerja dengan REST APSI. ketika Anda menggunakannya, Anda tidak menulis metode CRUD Anda (membuat, membaca, memperbarui, dan menghapus)

Sejauh yang saya lihat, layanan sumber daya hanyalah jalan pintas, Anda dapat melakukan apa saja dengan layanan http.

Satu hal yang saya perhatikan ketika menggunakan $ resource lebih dari $ http adalah jika Anda menggunakan Web API di .net

$ resource diikat menjadi satu pengontrol yang mengeksekusi satu tujuan.

$ 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)
{
}

Sedangkan $ http bisa berupa apa saja. tentukan url saja.

$ http.get - "api / otentikasi"

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

itu hanya pendapat saya.

Layanan $ resource saat ini tidak mendukung janji dan oleh karena itu memiliki antarmuka yang berbeda dengan layanan $ http.