Laravelが提供するサーバーサイドレンダリングソリューションの使い方-Laravel-php.cn

Laravelが提供するサーバーサイドレンダリングソリューションの使い方

PHPz

リリース： 2023-04-13 14:53:12

オリジナル

755 人が閲覧しました

Laravel は、ルーティング、テンプレートエンジン、データベース ORM など、Web アプリケーションを構築するためのツールと機能の完全なセットを提供する人気の PHP フレームワークです。ただし、コンテンツが豊富な Web アプリケーションを構築する場合、フロントエンドのレンダリングパフォーマンスは無視できない問題です。従来のフロントエンドとバックエンドの分離ソリューションでは、多くの場合、AJAX やその他のテクノロジを介してサーバーにデータをリクエストし、JavaScript を介してデータを DOM にレンダリングする必要があります。これは、Web サイトのパフォーマンスと SEO にある程度の影響を与えます。サーバーサイドレンダリングでは、サーバー側でデータを HTML にレンダリングできるため、クライアントでの JavaScript 操作が軽減され、Web サイトのパフォーマンスと SEO 効果が向上します。この記事では、Laravelが提供するサーバーサイドレンダリングソリューションの使い方を紹介します。

Laravel のサーバー側レンダリングソリューション

Laravel は、独立したサーバー側レンダリングパッケージである Laravel View を提供します。これは、特にビューのレンダリングに使用され、利用可能な一連の機能を提供します。サーバー側のキャッシュメカニズムの柔軟な構成により、レンダリングパフォーマンスを大幅に最適化できます。 Laravel アプリケーションでのサーバーサイドレンダリングソリューションの使用も非常に簡単で、composer を通じて Laravel View パッケージをインストールし、アプリケーションにサービスプロバイダーを登録するだけです。

まず、composer.json ファイルに次の依存関係を追加する必要があります:

"require": {
    "illuminate/view": "^5.6|^6.0|^7.0|^8.0"
}

ログイン後にコピー

次に、アプリケーションの config/app.php ファイルに次のコードを追加して、サービスプロバイダーを登録します。

'providers' => [
    //...
    Illuminate\View\ViewServiceProvider::class,
    //...
],

ログイン後にコピー

ビューの作成

サーバー側のレンダリングシナリオでは、データとビューを統合するために、ビューを作成し、データをビューに渡す必要があります。サーバー側でHTMLに変換します。 Laravelでは、Bladeテンプレートファイルを作成することでビューを定義できます。たとえば、ローカルビュー /home.blade.php を作成します。

<!DOCTYPE html>
<html>
    <head>
        <title>{{$title}}</title>
    </head>
    <body>
        <h1>{{$content}}</h1>
    </body>
</html>

ログイン後にコピー

上記のビューは、Blade 構文を通じて HTML ドキュメント構造を定義し、変数 $title と $content を使用してページタイトルとコンテンツをレンダリングします。。

ビューのレンダリング

Laravel View パッケージを使用したビューのレンダリングは非常に簡単で、Laravel View が提供するクラスライブラリを使用し、ビュー名とプロパティを渡すだけです。ビューに必要なデータ。サーバー側でレンダリングされた HTML が返されます。例:

use Illuminate\Support\Facades\View;

class HomeController extends Controller
{
    public function index()
    {
        $title = 'Laravel服务端渲染';
        $content = '服务端渲染是一种优化前端性能和SEO效果的方案。';

        $html = View::make('home', compact('title', 'content'))->render();
        return response($html);
    }
}

ログイン後にコピー

上記のコードは、まずビュー名とビューに必要なデータを View::make() メソッドに渡し、サーバー側でレンダリングされたビュー HTML を生成します。 HTML はクライアントへの応答として直接返すことができます。

キャッシュのセットアップ

サーバー側のレンダリングは多くのサーバーリソースを消費します。ユーザーの数が多い場合、パフォーマンスを最適化するためにキャッシュが必要になる場合があります。 Laravel View は、レンダリングされたビューをファイルシステム、Memcached、Redis などのキャッシュストレージにキャッシュできる、柔軟に構成可能なキャッシュメカニズムを提供します。たとえば、ビューをファイルシステムにキャッシュする場合、次のコードを使用できます。

use Illuminate\Contracts\Cache\Factory as CacheFactory;

class HomeController extends Controller
{
    public function index(CacheFactory $cache)
    {
        $title = 'Laravel服务端渲染';
        $content = '服务端渲染是一种优化前端性能和SEO效果的方案。';

        return $cache->remember('home', 60, function () use ($title, $content) {
            $html = View::make('home', compact('title', 'content'))->render();
            return response($html);
        });
    }
}

ログイン後にコピー

上記のコードは、まず依存関係注入を通じて CacheFactory インスタンスを取得し、次にキャッシュの remember() メソッドを使用します。サーバーによってレンダリングされたビューをキャッシュするインスタンス。サーバーリソースを節約するのに 60 秒。

概要

この記事では、ビューの作成、ビューのレンダリング、キャッシュの設定など、Laravel View パッケージが提供するサーバー側レンダリングソリューションの使用方法を紹介します。サーバーサイドレンダリングは、フロントエンドのパフォーマンスと SEO 効果を最適化するためのソリューションであり、Web サイトのユーザーエクスペリエンスと検索エンジンのランキングを大幅に向上させることができます。 Laravel View パッケージを使用すると、サーバー側レンダリングを簡単に実装し、Laravel アプリケーションのパフォーマンスとユーザーエクスペリエンスを最適化できます。

以上がLaravelが提供するサーバーサイドレンダリングソリューションの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。