AngularJS $ httpおよび$ resource

呼び出したいWebサービスがいくつかあります。$resourceまたは$http、どちらを使用すればよいですか？

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

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

上記の2つのAPIページを読んだ後、私は道に迷いました。

何が違うのか、どんな状況で使うべきなのかを分かりやすい英語で説明していただけませんか？これらの呼び出しを構造化し、結果をjsオブジェクトに正しく読み取るにはどうすればよいですか？

$http汎用AJAX用です。ほとんどの場合、これは使用するものです。では$http、あなたが作ることになるだろうGET、POST、DELETE種類を手動で呼び出し、処理、彼らは自分で返すオブジェクト。

$resource$httpRESTful Web APIシナリオで使用するためのラップ。

非常に一般的に言えば：AのRESTful WebサービスのようなHTTPメソッドに基づいて、そのデータ型と異なることを行い、データ型のためのエンドポイントを1つのサービスになりますGET、POST、PUT、DELETEとなど、だから$resource、あなたが呼び出すことができGET、リソースを取得しますJavaScriptオブジェクトとして、それを変更してで送り返すPOSTか、で削除しDELETEます。

...それが理にかなっている場合。

他の答えは正しいですが、質問の根本を完全には説明していません。RESTはのサブセットですHTTP。介して行うことができます。この手段のすべてがRESTを介して行うことができますHTTPを介して行うことができますすべてのものではなく、HTTPを介して行うことができますREST。これが内部で$resource使用される理由$httpです。

それで、お互いをいつ使うのですか？

必要なものがすべてREST、つまり、RESTfulWeb サービスにアクセスしようとしている場合は、そのWeb サービス$resourceとの対話が非常に簡単になります。

代わりに、あなたがいないアクセスANYTHINGにしようとしている場合はRESTful、Webサービス、あなたが行かなければならないとしています$http。をRESTful介してWeb サービスにアクセスすることもできますが、を使用する$httpよりもはるかに煩雑になり$resourceます。これは、ほとんどの人がjQuery.ajax（Angularのと同等）を使用して、AngularJSの外部で行っている方法$httpです。

$http汎用のAJAX呼び出しを行います。これは、一般的に、RESTful APIとNon-RESTful APIを含めることができることを意味します。

そして$resourceそのために特化されてRESTfulな部分。

プログラマーがランダムなURLを作成する代わりに、URLがよりよく整理されているため、Restful Apiは近年流行しています。

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で各共通操作を定義する方法をご覧ください。また、1つの違いはすなわち$http戻りpromiseながら$resourceオブジェクトを返します。AngularがrestangularのようなRESTFul APIを処理するのを助けるサードパーティのプラグインもあります

APIがのようなものである場合/api/getcarsinfo。私たちに残されたすべては使用すること$httpです。

私は答えは誰にもっと依存だと思うあなたは、あなたがコードを書いている時点です。Angularを初めて使用$httpする場合は、必要な理由がわかるまで使用してください$resource。あなたはどのように具体的な経験を持つまで$http戻ってあなたを保持しているが、あなたが使用する意味を理解する$resourceには、あなたのコードで、スティックを$http。

これは私の経験でした。私は最初のAngularプロジェクトを開始しました。RESTfulインターフェイスにHTTPリクエストを送信する必要があったので、今行っているのと同じ調査を行いました。このようなSOの質問で読んだディスカッションに基づいて、私はを選択しました$resource。これは私が元に戻せるようにしたい間違いでした。理由は次のとおりです。

1. $http例は豊富で、役立つものであり、一般的に必要なものだけです。明確$resourceな例は少なく、（私の経験では）必要なものがほとんどありません。Angularの初心者にとっては、ドキュメントに戸惑い、$resource手助けとなる有用な例が見つからないことに腹を立てるまで、選択の意味を理解することはできません。
2. $httpおそらく、あなたが探しているものへの1対1のメンタルマップです。何が得られるかを理解するために、新しい概念を学ぶ必要はありません$http。$resourceあなたがまだメンタルマップを持っていないという多くのニュアンスをもたらします。
3. おっと、私はあなたが新しいコンセプトを学ぶ必要はないと言ったのですか？Angularの初心者は、約束について学ぶ必要があります。$http約束を返し、.thenそれが可能であるため、Angularと約束について学んでいる新しいこととぴったり合います。$resourceは、直接約束を返さないため、Angularファンダメンタルズの暫定的な把握を複雑にします。
4. $resourceRESTful CRUD呼び出しのコードと入力および出力の変換を凝縮するため、強力です。$http自分の結果を処理するために繰り返しコードを書くことにうんざりしている場合、それは素晴らしいことです。他の誰にも、$resource紛らわしい構文とパラメーターの受け渡しの不可解なレイヤーを追加します。

3か月前に私のことを知っていたら$http良かったのですが、「子供にこだわるだけで結構です」と強調します。

$ resourceは生の文字列ではなくサーバーからの応答としてオブジェクトまたは配列を期待することを強調することが重要だと思います。したがって、応答として生の文字列（またはオブジェクトと配列以外のもの）がある場合は、$ httpを使用する必要があります。

どちらを選択するか、$httpまたは$resource技術的に言えば、本質的に正しい答えも間違った答えもないので、どちらも同じことを行います。

の目的は$resource、パラメーター値とともにテンプレート文字列（プレースホルダーを含む文字列）を渡すことができるようにすることです。テンプレート文字列のプレースホルダーを、オブジェクトとして渡されるパラメーター値に$resource置き換えます。RESTFulデータソースと同様の原則を使用してURLを定義しているため、これはRESTFulデータソースと対話するときに主に役立ちます。

どのような$http行いは、非同期HTTP要求を実行することです。

リソースサービスは、REST APSIを操作するための便利なサービスです。それを使用するときは、CRUDメソッド（作成、読み取り、更新、削除）を記述しません。

私が見る限り、リソースサービスは単なるショートカットであり、httpサービスで何でも実行できます。

$ httpで$ resourceを使用するときに気付いたのは、.netでWeb APIを使用している場合です。

$ resourceは、単一の目的を実行する1つのコントローラーに結び付けられています。

$ 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 / authenticate"

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

それは私の意見です。

$ resourceサービスは現在、promiseをサポートしていないため、$ httpサービスとは明らかに異なるインターフェースを持っています。