AEM Forms Workspace のカスタマイズの一般的な手順 generic-steps-for-aem-forms-workspace-customization

カスタマイズを実行する一般的な手順は次のとおりです。

  1. https://'[server]:[port]'/lc/crx/de/index.jsp にアクセスして CRXDE Lite にログインします。

  2. の作成 sling:Folder という名前のフォルダー ws 時刻 /apps(存在しない場合) sling:Folder フォルダーを作成するには、apps フォルダーを右クリックし、作成ノードを作成 ​を選択します。名前をとして指定します。 wsを選択し、次のようにタイプを選択します。 sling:Folderをクリックし、 OK. 「すべて保存」をクリックします。

  3. /apps/ws を参照して「アクセス制御」タブに移動します。

  4. リポジトリ」オプションを選択します。Adobe Analytics の アクセス制御 リスト、クリック + をクリックして、エントリを追加します。 もう一度「+」をクリックします。

  5. PERM_WORKSPACE_USER プリンシパルを検索して選択します。

    HTML Workspace をカスタマイズするための汎用手順の一部として PERM_WORKSPACE_USER プリンシパルを選択します

  6. jcr:read 権限をプリンシパルに付与します。

  7. すべて保存」をクリックします。

  8. GET.jspindex および html.jsp ファイルを /libs/ws フォルダーから /apps/ws フォルダーにコピーします。

  9. /libs/ws/locales フォルダーを /apps/ws フォルダーにコピーします。「すべて保存」をクリックします。

  10. 以下に示すように、GET.jsp ファイルの参照および相対パスを更新し、「すべて保存」をクリックします。

    code language-javascript
    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />
    
  11. CSS のカスタマイズは以下のようにして実行します。

    1. 次に移動: /apps/ws フォルダーを作成し、 css.

    2. Adobe Analytics の css フォルダー、名前を付けたファイルを作成します。 newStyle.css.

    3. /apps/ws/html.jsp を開いて次のように変更します。変更元:

    code language-javascript
    <link lang="en" rel="stylesheet" type="text/css" href="css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/jquery-ui.css"/>
    

    コピー先:

    code language-javascript
    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/style.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="css/newStyle.css" />
    <link lang="en" rel="stylesheet" type="text/css" href="../../libs/ws/css/jquery-ui.css"/>
    
    note note
    NOTE
    上記のように、style.css のエントリの後ろにユーザー定義された CSS ファイルのエントリを配置します。
  12. /apps/ws/html.jspファイルで、

    code language-jsp
    <script data-main="js/main" src="js/libs/require/require.js"></script>
    

    コピー先:

    code language-jsp
    <script data-main="js/main" src="../../libs/ws/js/libs/require/require.js"></script>
    
  13. 以下の操作を実行します。

    1. /apps/wsjs という名前のフォルダーを作成します。「すべて保存」をクリックします。

    2. /apps/ws/jslibs という名前のフォルダーを作成します。「すべて保存」をクリックします。

    3. /libs/ws/js/libs/jqueryui フォルダーを /apps/ws/js/libs にコピーします。「すべて保存」をクリックします。

  14. HTMLのカスタマイズの場合は、次の操作を行います。

    1. /apps/ws/js の下に runtime という名前のフォルダーを作成します。「すべて保存」をクリックします。

    2. /apps/ws/js/runtime の下に templates という名前のフォルダーを作成します。「すべて保存」をクリックします。

    3. /libs/ws/js/main.js/apps/ws/js/main.js にコピーします。

    4. /libs/ws/js/registry.js を /apps/ws/js/registry.js にコピーします。

  15. クリック すべて保存、キャッシュをクリアして、AEM Forms Workspace を更新します。

    URL https://'[server]:[port]'/lc/ws にアクセスして、管理者とパスワードの資格情報を使用してログインします。ブラウザーが https://'[server]:[port]'/lc/apps/ws/index.html にリダイレクトします。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2