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

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

WBOY

リリース： 2023-10-21 11:23:09

オリジナル

1571 人が閲覧しました

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

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

環境準備

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

composer global require hyperf/hyperf-skeleton

ログイン後にコピー

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

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

ログイン後にコピー

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 サービスを開始します:

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 サイトの他の関連記事を参照してください。