프런트엔드 및 백엔드 분리 개발을 위해 Hyperf 프레임워크를 사용하는 방법

프런트엔드와 백엔드 분리 개발을 위해 Hyperf 프레임워크를 사용하는 방법

인터넷의 급속한 발전과 함께 프론트엔드와 백엔드 분리 개발 모델이 개발자들로부터 점점 더 많은 관심을 받고 있습니다. . 이 개발 모델에서 프런트 엔드는 페이지 표시 및 사용자 상호 작용을 담당하고 백 엔드는 데이터 처리 및 비즈니스 로직을 담당합니다. 이 기사에서는 프런트엔드 및 백엔드 분리 개발을 위해 Hyperf 프레임워크를 사용하는 방법을 소개하고 구체적인 코드 예제를 제공합니다.

1. 환경 준비

먼저 PHP와 Composer를 설치해야 합니다. 그런 다음 Composer를 사용하여 다음 명령으로 Hyperf 프레임워크를 전역적으로 설치합니다.

composer global require hyperf/hyperf-skeleton

설치가 완료된 후 다음 명령을 사용하여 새 Hyperf 프로젝트를 생성할 수 있습니다.

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

2. 컨트롤러 만들기

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->json()을 호출하여 index라는 인터페이스 메서드를 생성합니다. 이 메서드는 응답을 반환합니다. JSON 형식으로.

3. 프런트엔드 페이지 만들기

프론트엔드와 백엔드가 분리된 개발모드에서는 백엔드 인터페이스를 호출할 수 있도록 프론트엔드 개발용 인터페이스 문서를 제공해야 합니다. 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 주석 이 메소드는 인터페이스 경로, 응답 코드 및 기타 정보를 포함한 일부 설명을 제공합니다.

4. Hyperf 서비스 시작

컨트롤러 및 프런트엔드 페이지 생성이 완료되면 프런트엔드가 인터페이스를 통해 백엔드와 통신할 수 있도록 Hyperf 서비스를 시작해야 합니다.

다음 명령을 사용하여 Hyperf 서비스를 시작합니다.

php bin/hyperf.php start

5. 프런트 엔드가 백엔드 인터페이스를 호출합니다.

Hyperf 서비스가 성공적으로 시작되면 프런트 엔드 개발자는 이에 따라 백엔드 인터페이스를 호출할 수 있습니다. 인터페이스 문서에. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!