PHP を使用してフロントエンドとバックエンドを分離する方法を段階的に説明します。-PHPの問題-php.cn

PHP を使用してフロントエンドとバックエンドを分離する方法を段階的に説明します。

PHPz

リリース： 2023-04-03 17:08:01

オリジナル

3105 人が閲覧しました

Web 開発では、フロントエンドとバックエンドを分離することがトレンドになっています。フロントエンドは主にデータの表示とユーザー操作を担当し、バックエンドはデータ処理とビジネスロジックの実装を担当します。そのため、バックエンドはAPIインターフェースを実装し、フロントエンドはそのインターフェースを呼び出してデータを取得することになり、フロントエンドとバックエンドを完全に分離することが避けられなくなりました。この記事では、PHP のフロントエンドとバックエンドの分離を実現する方法を紹介します。

バックエンド API インターフェイスの構築

サーバーサイドスクリプト言語として、PHP は JavaScript よりも優れたパフォーマンスとデータセキュリティを備えているため、バックエンドで API インターフェイスを構築する、PHP を使用して実装できます。たとえば、Laravel、Yii、CodeIgniter などの PHP フレームワークを使用してバックエンド API インターフェイスを迅速に構築でき、これらのフレームワークはルーティング、モデル、コントローラー、データベース操作などを簡単に完了できます。

コントローラーは API インターフェイスロジックを実装します

API インターフェイスを構築した後、フロントエンドリクエストを処理するために対応するコントローラーを作成する必要があります。たとえば、ユーザー登録、ログイン、その他のリクエストを処理するために UserController を実装できます。コード例は次のとおりです。

class UserController extends BaseController
{
    // 注册
    public function register()
    {
        // 获取前端传递的参数
        $username = Input::get('username');
        $password = Input::get('password');

        // 插入数据库逻辑
        User::create(['username' => $username, 'password' => $password]);

        // 返回注册成功响应
        return Response::json(['result' => 'success']);
    }

    // 登录
    public function login()
    {
        // 获取前端传递的参数
        $username = Input::get('username');
        $password = Input::get('password');

        // 数据库验证逻辑
        $user = User::where('username', $username)->where('password', $password)->first();

        if ($user) {
            // 登录成功
            return Response::json(['result' => 'success']);
        } else {
            // 登录失败
            return Response::json(['result' => 'error']);
        }
    }
}

ログイン後にコピー

クロスドメインアクセス処理

フロントエンドとバックエンドの分離の実装により、フロントエンドとバックエンドはバックエンドは同じドメイン名の下にないため、クロスドメインの問題が発生します。 CORS (Cross Origin Resource Sharing、クロスドメインリソース共有) を使用して、クロスドメインの問題を解決できます。 Laravel フレームワークでは、ミドルウェアを通じて CORS 設定を実装し、Access-Control-Allow-Origin を設定することでクロスドメイン要求を許可するドメイン名を指定できます。サンプルコードは次のとおりです。

class CorsMiddleware
{
    public function handle($request, Closure $next)
    {
        header("Access-Control-Allow-Origin: *");
        header("Access-Control-Allow-Headers: Content-Type, Authorization");
        header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");

        return $next($request);
    }
}

ログイン後にコピー

ミドルウェアをカーネルに登録する必要があります:

protected $middleware = [
    \App\Http\Middleware\CorsMiddleware::class,
];

ログイン後にコピー

フロントエンド HTTP リクエスト

フロントエンドは API インターフェイスを呼び出し、HTTP リクエストを送信する必要があります。リクエストメソッドには GET、POST、PUT、DELETE などが含まれます。このうち、GET メソッドはデータの取得に使用され、POST メソッドはデータの送信に使用され、PUT メソッドはデータの更新に使用され、DELETE メソッドはデータの削除に使用されます。 jQuery や Angular などのフロントエンドフレームワークでは、HTTP リクエストは $.ajax メソッドまたは $http メソッドを通じて送信できます。サンプルコードは次のとおりです。

$.ajax({
    url: 'http://api.example.com/register',
    type: 'POST',
    data: {username: 'test', password: '123456'},
    dataType: 'json',
    beforeSend: function() {
        // 请求前处理逻辑
    },
    success: function(data) {
        // 响应成功处理逻辑
    },
    error: function() {
        // 响应错误处理逻辑
    }
});

ログイン後にコピー

その他の指示

PHP フロントエンドとバックエンドの分離を実現するプロセスでは、料金も必要になります。インターフェイスのアンチブラッシングとパラメータのセキュリティなど、いくつかのセキュリティ問題に注意してください。検証などのために、対応する処理ロジックをコードに追加する必要があります。さらに、フロントエンド開発者の使用を容易にするために、インターフェイスドキュメントの作成とメンテナンスも考慮する必要があります。

つまり、PHP フロントエンドとバックエンドの分離を達成するのは難しいことではありませんが、良い結果を達成するには、実践での経験を常に蓄積し、コードの品質とセキュリティを向上させる必要があります。

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