フロントエンドとバックエンドの分離テクノロジの普及に伴い、プロジェクトを従來の MVC アーキテクチャからフロントエンドとバックエンドの分離アーキテクチャに変換しようとする開発者が増えています。 thinkphp は、オープンソースの PHP フレームワークとして、この技術トレンドにも積極的に対応しています。この記事では、開発者がこのテクノロジーをプロジェクトに適用できるように、thinkphp のフロントエンドとバックエンドの分離モードを構成する方法を紹介します。

1. 環(huán)境構成

thinkphp を使用してフロントエンドとバックエンドの分離を実現(xiàn)する前に、まず環(huán)境を構成する必要があります。まず、プロジェクトのルート ディレクトリで、composer を使用して thinkphp フレームワークをインストールし、次のコマンドを入力します:

composer create-project topthink/think

次に、Apache または Nginx で仮想ホストを構成します。ルート ディレクトリは Web サイトのルート ディレクトリに設定されます。同時に、thinkphp がルーティング機能を正常に使用できるように、PHP 構成ファイルで書き換えモジュールを有効にする必要もあります。

2. ルーティングの構成

thinkphp では、ルーティングの構成は重要な手順の 1 つであり、フロントエンドとバックエンドを分離する重要な部分です。プロジェクト ディレクトリの config ディレクトリで、route.php ファイルを見つけて開きます。次に、フロントエンドとバックエンドの分離の要件に従って、次の構成を実行します:

(1) デフォルトのルーティング構成を次のように変更します:

'/' => ' index/index/index'

この変更により、デフォルトでアクセスされるページがバックエンド ページではなくフロントエンド ページになる可能性があります。

(2) ルーティング設定にフロントエンド ページのルーティング ルールを追加します (例:

'@^/:path$' => 'index/index/index) '

このうち、:path はフロントエンドページのパスを表します。このルールにより、フロントエンドルーティングのジャンプを実現(xiàn)できます。

(3) ルーティング設定にインターフェイスのルーティング ルールを追加します。例:

'@^api/:controller/:action$' => 'api/:controller /:action '

このうち、:controllerはコントローラ名、:actionはメソッド名を表します。このルールを通じて、フロントエンド データとバックエンド データの相互作用を実現(xiàn)できます。

3. コントローラーの構成

thinkphp では、コントローラーはフロントエンドとバックエンドを分離するブリッジであり、フロントエンドのリクエストの処理を擔當します。バックエンド API を呼び出してデータを返します。 config ディレクトリで、api.php ファイルを作成し、次の設定を追加します:

return [

 'default_return_type' => 'json'

];

この設定APIインターフェースのデフォルトの戻り値の型をJSON形式で作成できます。

次に、プロジェクト ディレクトリに api ディレクトリを作成し、その下に API バージョン番號として v1 ディレクトリを作成します。 v1 ディレクトリで、対応するコントローラー ファイルを作成します。例:

namespace app pi 1controller;
use thinkController;

class UserController extends Controller{

 public function index(){
      $data = ['name' => 'Tom', 'age' => '18'];
      return json($data);
 }

}

このコントローラーでは、靜的データを使用してバックエンド データをシミュレートし、JSON 形式でフロントエンドに返します。開発者は、実際のニーズに基づいてさまざまなコントローラーを作成し、さまざまなデータ対話方法を実裝できます。

4. フロントエンド ページの構成

フロントエンド ページでは、次の構成が必要です。

(1) 開発環(huán)境の場合、webpack などのパッケージ化ツールを使用します。フロントエンド プロジェクトから靜的ファイルを生成し、thinkphp プロジェクトのパブリック ディレクトリに配置します。

(2) フロントエンド ルートがジャンプした場合、ajax などのテクノロジを使用して、フロントエンド ルートをバックエンド インターフェイスに渡す必要があります。

(3) バックエンド インターフェイスと対話する場合は、RESTful API 仕様に従い、GET、POST、PUT などの動詞を使用してリソースを操作する必要があります。

5. テスト インターフェイス

すべての構成が完了したら、インターフェイスのテストを実行できます。開発者は、postman などのツールを使用して、フロントエンドの送信リクエストをシミュレートし、返された結果を表示できます。期待どおりの JSON データが返された場合は、フロントエンドとバックエンドの分離テクノロジが正常に適用されていることを意味します。

概要

thinkphp は、フロントエンドとバックエンドの分離テクノロジーをサポートする強力な PHP フレームワークです。この記事で紹介した構成方法により、開発者はプロジェクトをフロントエンドとバックエンドの分離されたアーキテクチャに変換し、プロジェクトの保守性、拡張性、再利用性を向上させることができます。同時に、市場競爭や技術変化により柔軟に対応し、プロジェクトの競爭力を向上させ、開発コストを削減することもできます。

以上がthinkphp のフロントエンドとバックエンドの分離を構成する方法の詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。