ドキュメントAEM 6.4Forms ガイド

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

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • User
CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

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

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

  2. ws に /apps という名前の フォルダーが存在しない場合は、作成します。「すべて保存」をクリックします。

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

  4. アクセス制御 ​リストで「+」 をクリックして、新しいエントリを追加します。もう一度「+」をクリックします。

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

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

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

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

  8. を GET.jsp および html.jspファイル /libs/wsフォルダーを /apps/ws フォルダー。

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

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

    code language-none 
    <meta http-equiv="refresh" content="0;URL='/lc/apps/ws/index.html'" />

  11. CSS のカスタマイズは以下のようにして実行します。

    1. /apps/ws フォルダーに移動して css という名前の新しいフォルダーを作成します。
    2. 内 cssフォルダフォルダ、新しいファイルを作成します。 newStyle.css.
    3. /apps/ws/html.jsp を開いて次のように変更します。変更元：
    code language-css 
    <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-css 
    <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
    上記のように、newStyle.css のエントリの後に、ユーザ定義 CSS ファイルのエントリを配置します。

  12. /apps/ws/html.jspファイルで、

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

    コピー先：

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

  13. 以下の操作を実行します。

    1. js に /apps/ws という名前のフォルダーを作成します。「すべて保存」をクリックします。
    2. libs に /apps/ws/js という名前のフォルダーを作成します。「すべて保存」をクリックします。
    3. jqueryui に /apps/ws/js/libs という名前のフォルダーを作成します。「すべて保存」をクリックします。
    4. /libs/ws/js/libs/jqueryui/jquery.ui.datepicker-ja.js を /apps/ws/js/libs/jqueryui にコピーします。「すべて保存」をクリックします。

  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. 「Save All」をクリックし、キャッシュをクリアして AEM Forms Workspace を更新します。

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

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da