AngularJS $ http e $ risorse

Ho alcuni servizi web che voglio chiamare. $resourceo $httpquale dovrei usare?

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

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

Dopo aver letto le due pagine API precedenti, mi sono perso.

Potresti spiegarmi in parole povere qual è la differenza e in quale situazione dovrei usarle? Come strutturare queste chiamate e leggere correttamente i risultati negli oggetti js?

$httpè per uso generale AJAX. Nella maggior parte dei casi questo è ciò che userete. Con $httpsi sta andando ad essere fare GET, POST, DELETEtipo chiama manualmente ed elaborare gli oggetti tornano da soli.

$resourceesegue il wrapping $httpper l'utilizzo in scenari API Web RESTful.

Parlando molto in generale: servizio web un sonno sarà un servizio con un endpoint per un tipo di dati che fa cose diverse con quel tipo di dati in base a metodi come HTTP GET, POST, PUT, DELETE, ecc Quindi con una $resource, è possibile chiamare una GETper ottenere la risorsa come oggetto JavaScript, quindi modificalo e rispediscilo con un POST, o addirittura cancellalo con DELETE.

... se questo ha senso.

Sento che altre risposte, benché corrette, non spiegano del tutto la radice della domanda: RESTè un sottoinsieme di HTTP. Ciò significa che tutto ciò che può essere fatto tramite RESTpuò essere fatto tramite HTTPma non tutto ciò che può essere fatto tramite HTTPpuò essere fatto tramite REST. Ecco perché $resourceutilizza $httpinternamente.

Quindi, quando usare l'un l'altro?

Se tutto ciò di cui hai bisogno è REST, cioè, stai provando ad accedere a un servizio RESTfulweb, $resourcerenderà super facile l'interazione con quel servizio web.

Se invece stai tentando di accedere a QUALSIASI cosa non sia un servizio RESTfulweb, dovrai andare avanti $http. Tieni presente che puoi anche accedere a un servizio RESTfulweb tramite $http, sarà solo molto più ingombrante che con $resource. Questo è il modo in cui la maggior parte delle persone lo ha fatto al di fuori di AngularJS, usando jQuery.ajax(equivalente di Angular $http).

$httpeffettua una chiamata AJAX per scopi generici, in cui in generale può includere API RESTful più Non RESTful .

ed $resourceè specializzato per quella parte RESTful .

Api riposante diventata diffusa negli ultimi anni perché l'URL è meglio organizzato invece dell'url casuale creato dai programmatori.

Se uso un'API RESTful per costruire l'URL, sarebbe qualcosa di simile /api/cars/:carId.

$resource modo per recuperare i dati

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

    }]);

Questo vi darà un oggetto risorsa , che è accompagnata con get, save, query, remove, deletemetodi automaticamente.

$http modo per recuperare i dati

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

Scopri come dobbiamo definire ogni operazione comune sull'API RESTFul . Inoltre una differenza è che $httprestituisce promisementre $resourcerestituisce un oggetto. Esistono anche plugin di terze parti per aiutare Angular a gestire l' API RESTFul come restangular

Se l'API è qualcosa di simile /api/getcarsinfo. Tutto quello che resta da noi è usare $http.

Penso che la risposta dipenda maggiormente da chi sei nel momento in cui stai scrivendo il codice. Usa $httpse non conosci Angular, finché non sai perché ne hai bisogno $resource. Fino a quando non hai esperienza concreta di come $httpti trattiene e capisci le implicazioni dell'uso $resourcenel tuo codice , segui $http.

Questa è stata la mia esperienza: ho iniziato il mio primo progetto angolare, avevo bisogno di fare richieste HTTP a un'interfaccia RESTful, quindi ho fatto la stessa ricerca che stai facendo ora. Sulla base della discussione che ho letto in domande SO come questa, ho scelto di seguire $resource. Questo è stato un errore che vorrei poter annullare. Ecco perché:

1. $httpgli esempi sono abbondanti, utili e generalmente solo ciò di cui hai bisogno. $resourceEsempi chiari sono scarsi e (nella mia esperienza) raramente tutto ciò di cui hai bisogno. Per il neofita di Angular, non ti renderai conto delle implicazioni della tua scelta fino a dopo, quando sei bloccato a scervellarti sulla documentazione e arrabbiato che non riesci a trovare $resourceesempi utili per aiutarti.
2. $httpè probabilmente una mappa mentale 1 a 1 di ciò che stai cercando. Non devi imparare un nuovo concetto per capire cosa ottieni $http.$resourceporta un sacco di sfumature che non hai ancora una mappa mentale.
3. Oops, ho detto che non devi imparare un nuovo concetto? Come un principiante angolare si fa necessario conoscere le promesse. $httprestituisce una promessa ed è in .thengrado, quindi si adatta perfettamente alle nuove cose che stai imparando su Angular e promesse. $resource, che non restituisce direttamente una promessa, complica la tua comprensione provvisoria sui fondamenti angolari.
4. $resourceè potente perché condensa il codice per le chiamate RESTful CRUD e le trasformazioni per input e output. È fantastico se sei stanco di scrivere ripetutamente codice per elaborare i risultati di $httpte stesso. A chiunque altro, $resourceaggiunge uno strato criptico di sintassi e passaggio di parametri che confonde.

Vorrei conoscermi 3 mesi fa e mi direi con enfasi: "Resta con $http Resta bambino. Va bene."

Penso che sia importante sottolineare che $ resource prevede l'oggetto o l'array come risposta dal server, non una stringa non elaborata. Quindi, se si dispone di una stringa non elaborata (o qualsiasi altra cosa tranne oggetto e matrice) come risposta, è necessario utilizzare $ http

Quando si tratta di scegliere tra $httpo$resource tecnicamente parlando non esiste una risposta giusta o sbagliata in sostanza, entrambi faranno lo stesso.

Lo scopo di $resourceè consentire all'utente di passare una stringa di modello (una stringa che contiene segnaposto) insieme ai valori dei parametri. $resourcesostituirà i segnaposto dalla stringa del modello con i valori dei parametri che vengono passati come oggetto. Ciò è utile soprattutto quando si interagisce con l'origine dati RESTFul poiché utilizzano principi simili per definire gli URL.

Quello che $httpfa è eseguire le richieste HTTP asincrone.

il servizio risorse è solo un servizio utile per lavorare con APSI REST. quando lo usi non scrivi i tuoi metodi CRUD (crea, leggi, aggiorna ed elimina)

A mio avviso, il servizio risorse è solo un collegamento, puoi fare qualsiasi cosa con il servizio http.

Una cosa che ho notato quando si utilizza $ resource oltre $ http è se si utilizza l'API Web in .net

$ resource è legata in un controller che esegue un unico scopo.

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

Mentre $ http potrebbe essere di qualsiasi cosa. basta specificare l'URL.

$ http.get - "api / autenticare"

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

è solo la mia opinione.

Il servizio $ resource attualmente non supporta le promesse e quindi ha un'interfaccia nettamente diversa rispetto al servizio $ http.