1. 開発ウォークスルー

ウォークスルー
「はじめき」テンプレートの活用法

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

このウォークスルーでは、SXAでGetting Startedテンプレート の使い方を説明します。JSSテナントを使って、マルチサイト、デザイン、その他のプラットフォーム拡張機能などのSXA機能を有効にすることができます。

SXAでGetting Startedテンプレートを使うには:

環境を整えましょう

JSSテナントを作成する前に、まず環境をセットアップする必要があります。

環境を準備するために:

  1. init.ps1スクリプトを呼び出すまではGetting Startedテンプレートをインストールして実行してください。ただし、up.ps1スクリプトは実行しないでください。もし実行する場合は、docker-compose downコマンドと.\docker\clean.ps1スクリプトを実行してから進めてください。

  2. Sitecoreモジュールの参照のガイダンスに従って、コンテナ環境にSitecore PowerShell拡張とSXAを追加してください。

  3. Visual Studioでは、Platform\App_Config\Include\Sites.configファイルを削除してください。外部からファイルを削除する場合は、Visual Studioからも削除しなければなりませんPlatform.csproj。

  4. コンテナを発射するには、docker-compose up -dを実行してください。

  5. src\items\contentフォルダの内容を削除してください。

  6. ファイルからcontent includeを削除Items.module.json:

    { "name": "content", "path": "/sitecore/content/MyProject" },

  7. Sitecoreコマンドラインインターフェース(CLI)を使ってログインしてください:

    dotnet sitecore login --cm https://cm.myproject.localhost/ --auth https://id.myproject.localhost/ --allow-write true

  8. dotnet sitecore ser pushを実行して、例文をSitecoreインスタンスにプッシュします。

MyProjectソリューションの作成

この手順では、MyProjectというJSSテナントを作成し、SXA機能を有効にします。

!重要SXAの指示に従って、MyProjectというJSSテナントを作成し、cm.myproject.localhostホスト名の下にMyProjectというJSSサイトを付けてください。残りのSXAオプションはデフォルトのままにしておいて構いません。

MyProjectソリューションを作成するには:

  1. コンテンツエディターで /sitecore/Content/MyProject/MyProject/Settingsをクリックして、以下の手順を踏みます。
    • インポートユーザーをsitecore\JssImportに設定します。
    • サーバー側のレンダリングエンジンをhttpに設定してください。
    • サーバー側レンダリングエンジンのエンドポイントURLをhttp://rendering/jss-renderに設定します。
  2. コンテンツツリーで/sitecore/Content/MyProjectをクリックし、PresetsグループのセキュリティタブでJSS インポート - 上書きなしをクリックします。OKをクリックします。
  3. コンテンツツリーで「/sitecore/Layout/Layouts/Project/MyProject/Main」をクリックし、テンプレートグループの**「構成**」タブで「変更」をクリックしてテンプレートを/sitecore/Templates/Foundation/JSS Experience Accelerator/Presentation/SXA JSS Layoutに設定します。
  4. /sitecore/Templates/Project/MyProject/App Routeをクリックし、コンテンツタブのベーステンプレート欄で/sitecore/Templates/Project/MyProject/Pageを追加します。
  5. /sitecore/Templates/Project/MyProject/App Route/__Standard Valuesをクリックし、レイアウトグループの****プレゼンテーションタブで詳細をクリックしてください。
  6. レイアウト詳細ダイアログボックスで、デフォルトデバイスレイアウトを編集するには編集をクリックし、レイアウトタブでLayouts/Project/MyProject/Mainを選択し、その後OKをクリックしてデバイスエディタダイアログボックスを閉じ、OKをクリックしてレイアウト詳細ダイアログボックスを閉じます。
  7. /sitecore/Layout/Renderings/Project/MyProject/ContentBlockをクリックし、Experience Editorの「その他のプロパティ」を編集できます:
    • IsAutoDatasourceRenderingをtrueの値で加算します。
    • データソースの位置を空に設定してください。
  8. /sitecore/Layout/Placeholder Settings/Project/MyProject/MyProject-mainを/sitecore/content/MyProject/MyProject/Presentation/Placeholder Settingsに引きずり出せ。
  9. MyProject-mainプレースホルダー設定で、許可されたコントロールにRenderings\Project\MyProject\ContentBlockを追加してください。
  10. /sitecore/Content/MyProject/MyProject/Homeを選択し、好きなタイトルとバナーを入力してください。
  11. /sitecore/content/MyProject/MyProject/Homeを右クリックして「エクスペリエンスエディター」をクリックすると、エクスペリエンスエディターのHomeページを開きます。
  12. ページの中央のプレースホルダーに ContentBlock を追加します。SXAは自動的にデータソースの項目を作成します。

すべてを公開し、レンダリングホストで自分の作品を閲覧してください。

アイテムの復元とシリアル化

アイテムの復元とシリアル化:

  1. Items.module.configファイルに含まれるcontentを復元します:

    { "name": "content", "path": "/sitecore/content/MyProject" },

    !注このステップは 「環境の準備 」セクションの関連ステップの逆です。

  2. アイテムをディスクにシリアライズするには、dotnet sitecore ser pullを実行します。

  3. Content Managementロールを更新するには、Platformプロジェクトを公開してください。

この記事を改善するための提案がある場合は、 お知らせください!