フロントエンドとバックエンドの分離開発に Hyperf フレームワークを使用する方法

フロントエンドとバックエンドの分離開発に Hyperf フレームワークを使用する方法

インターネットの急速な発展に伴い、フロントエンドとバックエンドの開発モデルは、バックエンドの分離は開発者からますます注目を集めています。この開発モデルでは、フロントエンドがページ表示とユーザー操作を担当し、バックエンドがデータ処理とビジネス ロジックを担当します。この記事では、フロントエンドとバックエンドの分離開発に Hyperf フレームワークを使用する方法を紹介し、具体的なコード例を示します。

1. 環境準備

まず、PHPとComposerをインストールする必要があります。次に、Composer を使用して、次のコマンドで Hyperf フレームワークをグローバルにインストールします:

composer global require hyperf/hyperf-skeleton

インストールが完了したら、次のコマンドを使用して新しい Hyperf プロジェクトを作成できます:

composer create-project hyperf/hyperf-skeleton your-project-name

# #Create Controller

Hyperf フレームワークでは、コントローラーはリクエストを処理し、対応する応答を返す役割を果たします。次のコマンドを使用して、新しいコントローラーを作成できます。

php bin/hyperf.php gen:controller DemoController

これにより、app/Controller ディレクトリに DemoController という名前のコントローラー ファイルが生成されます。このファイルでは、さまざまなリクエストを処理するためのさまざまなインターフェイス メソッドを定義できます。

以下は、JSON 形式で応答を返す方法を示す簡単なサンプル コードです。

<?php

declare(strict_types=1);

namespace AppController;

use HyperfDiAnnotationInject;
use HyperfHttpServerAnnotationAutoController;
use HyperfHttpServerAnnotationMiddleware;
use HyperfHttpServerAnnotationMiddlewares;
use HyperfHttpServerContractRequestInterface;
use HyperfHttpServerContractResponseInterface;

/**
 * @AutoController(prefix="demo")
 * @Middlewares({
 *     @Middleware(AppMiddlewareAuthMiddleware::class),
 * })
 */
class DemoController
{
    /**
     * @Inject
     * @var RequestInterface
     */
    private $request;

    /**
     * @Inject
     * @var ResponseInterface
     */
    private $response;

    public function index()
    {
        $data = [
            'message' => 'Hello World',
        ];
        return $this->response->json($data);
    }
}

このサンプル コードでは、$response- を呼び出して、index という名前のインターフェイス メソッドを作成します。 >json() メソッドは JSON 形式で応答を返します。

フロントエンド ページの作成

フロントエンドとバックエンドが分離されている開発モードでは、フロントエンドのインターフェイス ドキュメントを提供する必要があります。バックエンド インターフェイスを呼び出せるように開発します。 Hyperf は、インターフェイス ドキュメントを自動的に生成できる Swagger コンポーネントを提供します。次のコマンドを使用して Swagger コンポーネントをインストールできます:

composer require hyperf/swagger

次に、config/autoload ディレクトリに swagger.php 構成ファイルを作成して、Swagger コンポーネントの関連情報を構成します:

<?php

use HyperfSwggerAnnotation as Swgger;

/**
 * Class DemoController
 *
 * @SwggerApi(tags={"Demo"})
 */
class DemoController
{
    /**
     * @SwggerGet(path="demo/index")
     * @SwggerResponse(code=200, description="成功", @SwggerSchema(ref="#/definitions/Hello"))
     */
    public function index()
    {
        $data = [
            'message' => 'Hello World',
        ];
        return $this->response->json($data);
    }
}

このサンプル コードでは、Swagger アノテーションを使用して、インターフェイス パス、応答コード、その他の情報を含むインデックス メソッドを記述します。

Hyperf サービスの開始

コントローラーとフロントエンド ページの作成が完了したら、フロントエンドが通信できるように Hyperf サービスを開始する必要があります。インターフェイスを介してバックエンドと接続します。

次のコマンドを使用して、Hyperf サービスを開始します:

php bin/hyperf.php start

フロントエンドはバックエンド インターフェイスを呼び出します

Hyperf サービスが開始されたら、正常に開始されると、フロントエンド開発者は Document インターフェイスに従ってバックエンド インターフェイスを呼び出すことができます。 JavaScript、Vue.js、React などのフロントエンド テクノロジを使用できます。

次は、JavaScript を使用してバックエンド インターフェイスを呼び出す方法を示す簡単なサンプル コードです:

fetch('http://localhost:9501/demo/index')
    .then(response => response.json())
    .then(data => console.log(data));

このサンプル コードでは、fetch 関数を使用して GET リクエストを送信し、 json() メソッドを使用して、返された応答データを解析します。

概要

上記の手順を通じて、Hyperf フレームワークを使用してフロントエンドとバックエンドの分離を開発できます。開発者は、自分のニーズや好みに応じて自分に合ったフロントエンド テクノロジを選択し、インターフェイス ドキュメントに従ってバックエンド インターフェイスを呼び出すことができます。 Hyperf フレームワークの強力な機能と豊富なドキュメントは、開発者がより効率的に開発するのに役立ちます。

以上がフロントエンドとバックエンドの分離開発に Hyperf フレームワークを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。