質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.32%

AngularJSとサーバーサイドフレームワークの関係

解決済

回答 1

投稿

  • 評価
  • クリップ 1
  • VIEW 4,763

argius

score 9484

AngularJSに限ったことでは無いかも知れませんが。

こういうJavaScriptのフレームワークを使った場合、
サーバーサイドはAPIを提供するだけで済むので、たとえば、後から
サーバーサイドのフレームワークを変えたり
全く異なる言語のフレームワークにしたり
することは可能ということでしょうか?

極端なことを言うと、サーバーサイドは複数のフレームワーク(言語も複数)が交ざっていても
良い、ということになりますか?

よろしくお願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+3

その通りです。
フロント側はAngularJSにかぎらず全てのフレームワーク共通で、
Ajax通信を飛ばして値を受け取ってViewに展開したり編集して別のAjax通信を投げて更新という仕組みです。

サーバー側はそのAjax通信を捌ければ言語やフレームワークは問いません。
単純Restfulの概念でURLやメソッドで求められる仕事が異なりますので、
特定のリクエストだけを抽出して、合致するWebサーバーに振り分ける仕組みさえ構築出来れば良いです。

うちの職場でもSPAのWebサービスを公開しており、昔はCakePHPでやってましたが、Node.js+Expressに乗り換えてます。
特に速度が必要になる箇所ではScalaやC#を利用しています。

長くなった割に沢山の箇所がargiusさんの想定通りかと思いますが、
新しい発見のお役に立てると信じて記載します。

 例題

開発速度を優先するために、今までCakePHPを利用して開発してきた。
しかし、パフォーマンスが悪いのでScala+PlayFrameworkで置き換えようというプロジェクトが発足しました。

でも、既存のシステムの不具合や要望があるので改修もする必要がある。
いきなり新しい言語とフレームワークで開発速度が出るわけない。
とてもじゃないがイチから作るリソースなんて確保出来ない。

今回は既存システムでアクセスが多くボトルネックの原因であった
「http://example.com/questions」だけをPlayで置き換えることに決定しました。

はい、ここまでで障害となりうる箇所が2つ出てきます。

  • ルーティングをどうするのか
  • ログインが必要な情報はどうするか

ログインはどちらかがどちらかのラッパーでも作って対処するしかありません。
両方のシステムが参照出来る箇所にユーザーのログイン情報を格納しておき、両者が同じ実装のロジックで確認する必要があります。

 ルーティングを解決

上記の例は全てのアクセスをCakePHPで捌く事が前提だったのでApacheに全てアクセスを集めて、
そこから全てのアクセスをCakePHPのウェブルート内のindex.phpに集めるという設計でした。

しかし、80番ポートを受け取れるのは1台のサーバーにつき1つのアプリケーションのみ。
「あれ?これCakePHPとPlayが共存するのは無理じゃね?」
この問題を解決してくれるのがリバースプロキシです。

リバースプロキシとは、自身がWebサーバーとしてアクセスを受け、
URLや負荷状況等の情報を元に、アクセスを別のプロセスやサーバーに振り分けるサーバーを指します。

例えばCakePHPとPlayはそれぞれ8080、8081ポートで待ち構えておき、
「http://example.com/questions」が来た時だけ8081ポート(Play)へ流す。
他のアクセスは全て8080ポート(CakePHP)へ流すという仕組みを構築すれば解決です。

これは沢山ある解決方法の1つで、他にも状況に応じて様々な実装があります。
列挙出来る程詳しくはないので割愛します。

ソースコードやサーバーの依存モジュールが煩雑になる事が想定されるので、
サーバー自体の分割や、Dockerによる仮想マシン化が次なる課題への解決策となりそうです。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/06/12 15:27

    回答ありがとうございます!


    JavaScriptやAjaxの基礎はいちおう分かりますが、
    JavaScriptフレームワークの詳細をほとんど理解していないので、
    きっと上手くできているのだろうな、という推測からこの質問になりました。

    ですが、やはり実際の導入例を知らないと納得できない部分も多いので、
    実際に運用されているお話を語っていただけるのはとてもありがたいです。

    開発速度やコストを度外視すれば、ほぼフロント側は変えることなく、
    サーバーサイドだけ全とっかえができるということですね。

    ログインのところは特に考えてなかったので、
    実際に使うときに気を付けたいと思います。

    リバプロで複数のフレームワークというのは実際に運用していますので、
    そこはイメージ通りでした。


    実際に構築する際に必要な細かい点については完全には理解していませんが、
    仕組み自体は把握できました。

    ありがとうございました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.32%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る