ウェブフロントエンドを構築する方法

Question

これが適切な場所であるかどうかわかりません。モバイルアプリにうまく統合されたスリムなPHPフレームワークを使っていくつかのWebサービスを構築しました。私の最高のオプションは何ですか？私はこれにJavaScriptを使うことができると知っていますが、私の主な混乱は、フロントエンドからこれらのREST APIを呼び出す方法と、使用するフレームワークです。

Answer 1

あなたはこれらのリンクは、いくつかの例が含まれてい

など、（ http://api.jquery.com/jquery.get/）jqueryのを使用して、任意のWebインターフェイスから、あなたのREST Webサービスを呼び出すか、XR（ https://www.npmjs.com/package/xr）または要求（ https://www.npmjs.com/package/request）することができます。

Answer 2

自分のベストオプションと同じWebインターフェイスを構築したいのですが？

最適なオプションは、全体の要件とセットアップによって異なります。モバイルアプリケーションと同じ機能をWeb Interfaceに提供したい場合は、AngularJS、BackboneJS、Emberなどの洗練されたフレームワークを使用してください。

そこには多くのものがあります。それらのフレームワークがどのように機能し、それらのワークフローがニーズに合っているかを感じることが重要です。最初はAngularJSをご覧になることをお勧めします。

私はこのためにJavaScriptを使用できますが、私の主な混乱はフロントエンドとどのフレームワークからこれらのREST APIを呼び出すかです。

フレームワークを使用しない場合は、プレーンJavascriptまたはjQueryを使用してRESTエンドポイントを呼び出すことができます。ここでは、プレーンJSとの例である：AngularJSのような

var xhr = new XMLHttpRequest(); 
xhr.open("GET", "http://example.org/api/...", true); 
//register listener 
xhr.onreadystatechange = function() { 
    ... 
} 
xhr.send(); 

フレームワークは、あなたのREST APIへの呼び出しを行うために組み込みコンポーネントを事前にしています。

落とし穴は、設定に応じてCORSを有効にする必要がある可能性があります。サーバーがこれらの要求を適切に処理することを確認してください。あなたは、サーバー側でこれらのヘッダを設定する必要があります。

header("Access-Control-Allow-Origin: [YOUR_HTTP_DOMAIN_NAME]"); 
header('Access-Control-Allow-Credentials: true'); 
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, PATCH"); 

しかし、あなたのモバイルアプリケーションは、あなたのREST APIを使用しているので、Webインターフェイス上でこれらの呼び出しは、あなたの携帯電話の通話のようになります。