JavaScript - 動的バックエンドと静的バックエンドを分離する方法

現在、フロントエンドとバックエンドの開発を分離したいプロジェクトがあります。どうすればよいですか?主にデータ通信と権利管理で何をすべきか。

返信内容:

現在、フロントエンドとバックエンドの開発を分離したいプロジェクトがあります。どうすればよいですか?主にデータ通信と権利管理で何をすべきか。

当社のERPシステムはフロントエンドとバックエンドが完全に分離されており、接続がありません。

バックエンドは変更された Laravel フレームワークを使用しており、ビジネスとルーティングを分割してバックエンドでの複雑な権限検証を分離しますが、同時に外部に対してはシンプルで明確な RESTful API です。

フロントエンドは Vue.js + Bootstrap で構築されています。

追加手順

この質問をする前に、質問者は HTTP プロトコルについてある程度の理解を持っている必要があります。そうすれば、細かい点に際限なく巻き込まれることがなくなります。なぜなら、フロントエンドとバックエンドの本質的な違いは、一方がリクエスターであり、もう一方がレスポンダーであることだからです。

以前は、分離せずに、ハイパーリンクをクリックすることによってフロントエンドのリクエストが行われ、その後、ブラウザがフォローアップを引き継ぎ、データを取得するために独自のリクエストを作成し、受信後にページ全体を更新していました。このタイプのバックエンド スクリプトは、完全な HTML ページを直接出力します。

その後、Ajax が登場し、JavaScript スクリプトによってイベントがトリガーされるようになり、ブラウザーは特定の条件下で制限されたリクエスト ヘッダーを持つ HTTP リクエストを制御可能に発行できるようになり、応答を受信した後も、以前のブラウザーではなくスクリプト自体によって処理されるようになりました。出力を直接レンダリングすることで、フロントエンドが部分更新機能を実装できるようになります。

これを理解すると、バックエンドはリクエストに従ってデータを出力するだけです:

• リクエストされたリソースは何ですか

• リクエストされたリソースの条件

• リクエストされたパラメータ

• リクエストされたデータ本体

リクエストされたリソースはリクエスト URI と呼ばれるものです。たとえば、http://www.a.com/order/128141/detail へのリクエストの場合、リソースは /order/128141/detail です。

リソース修飾条件は、あらゆるリクエストに適用できます。これらは、Query String（查询字符串） 体现，比如 http://www.a.com/shop/goods?name=test&sort=time&page=2，这里面 ? 后面的部分就是查询字符串，正如其 查询 の意味でリソースの結果セットを制限するためによく使用されます。

クエリ文字列はデータの転送に使用されるものであると初心者に誤解されることが多く、$_GET と $_POST の両方がデータの転送と取得の方法として使用されます。この認識が長年にわたって存在する場合、PHP は軽視されるに値します。 。

リクエストパラメータはヘッダー部分にあるもので、一般的なものはCookie，Acceptなどに似ており、リクエスタに関する基本情報をサーバーに伝えるために使用されます。 バックエンドの権限検証は基本的にこの部分を使用して実装されます。 Cookie はセッションを実装する唯一のチャネルであり、仕様に従って独自の認証とセッションのプロセスを実装できます。

最後のものはリクエストのデータ本体です。GET，DELETE 请求，不存在传递数据（GET 就是获取，DELETE 就是删除，何来传递数据？），但是对于 POST，PUTの場合、フォームの送信やファイルのアップロードなど、リクエスト本体を通じてデータを渡す必要があります。

バックエンドは、リクエスト内の大小のデータを使用して、適切なルーティング モジュールとコントローラーを使用して、明確に定義されたフィルタリング プロセスを構築することができ、バックエンドの分離を簡単に実現できます。

フロントエンドのメソッドはたくさんありますが、最もシンプルで実用的なものとして ajax を取り上げます。フロントエンドフレームワークを使用しても使用しなくても、ajax はリクエストチャネルに変わりません。

上記すべてを述べた上で、分離するには責任を明確にする必要があることを理解する必要があります。フロントエンドはデータを取得することなので、ajax を使用してデータを取得するリクエストを送信するだけで、データを取得した場合は、構造が正しい限り、それは正しいとみなされます。

// たくさん書いたので、時間があるときに追加します

フロントエンド用のブートストラップ テンプレートを選択し、vuejs で使用できます。バックエンドは php の yii2 フレームワークを使用して独自の rbac モジュールを設計します。これは非常に便利です。フロントエンドとバックエンドは ajax を使用してデータを送信します。

フロントエンドは純粋な HTML フレームセットで開発され、バックエンドは ajax と均一に対話し、バックエンドにはセッションを検証するフィルターがあります。

フロントエンドは Bootstrap/Google MDL+Angular2 JS を使用し、バックエンドは Laravel を使用します。RBAC 拡張機能 (ポータル) をインストールすると、Laravel の REST スタイルのルーティングを分離できます。

最初に質問に答えてください: セッション検証 +RESTFUL
推奨:

• フロントエンド: vuejs+ブートストラップ

• バックエンド: Springboot