1. Oracle Visual Builderを使用したマーケティングWebサイト・アプリケーションの開発
  2. Café Supremo Marketing Webサイト・アプリケーションの設定

Café Supremo Marketing Webサイト・アプリケーションの設定

Oracle Visual BuilderおよびOracle Content Managementコンポーネントを使用して、Café SupremoマーケティングWebサイト・アプリケーションを設定します。

開始するには、資産を含む資産パック、コンポーネント・レイアウトを含むzipファイル、およびCaféSupremoマーケティングWebサイト・アプリケーションのサンプル・コードを含むzipファイルをダウンロードする必要があります。

アセット・パックをダウンロードします。
  1. このソリューション・プレイブックの左側のナビゲーション・メニューで、「Download Code」の下の「Asset Pack」をクリックします。
  2. ダウンロード・ページで、OCE SamplesAsset Pack.zipファイルを見つけてダウンロードします。

zipファイルにはアセット・パックが含まれます。zipファイル(OCE SamplesAsset Pack.zip)の内容をローカル・コンピュータのOCE SamplesAsset Packという名前のフォルダに抽出します。

レイアウトを含むzipファイルをダウンロードします。

このソリューション・プレイブックの左側のナビゲーション・メニューで、「コードのダウンロード」の下の「レイアウト」をクリックしてVB_MarketingSite_Layouts.zipファイルをダウンロードします。

zipファイルには、コンポーネント・レイアウトが含まれます。zipファイル(VB_MarketingSite_Layouts.zip)の内容を、ローカル・コンピュータ上のVB_MarketingSite_Layoutsという名前のフォルダに解凍します。

アプリケーションのzipファイルをダウンロードします。

このソリューション・プレイブックの左側のナビゲーション・メニューの「Download Code」で、「GitHub Repository」をクリックしてoce-vb-marketing-sites-sample.zipファイルをダウンロードします。

zipファイルには、readmeファイル、ライセンス・ファイルおよびサンプル・コードが含まれています。

ノート:

資産パックおよびコンポーネント・レイアウトで使用されるイメージは、Shutterstockイメージです。これらのイメージを再利用する場合は、Shutterstock社からのライセンスが必要です。これらのイメージは、お客様独自のイメージに置き換えることもできます。

コンポーネント・レイアウトのインポートおよび公開

  1. 管理者としてOracle Content Managementにサインインします。Oracle Content Management Webインタフェースの左側のナビゲーション・メニューにADMINISTRATIONセクションが表示されない場合は、管理者権限がありません。その場合は、サービス管理者に連絡してください。
  2. 左側のナビゲーション・メニューで、「開発者」、「すべてのコンポーネントの表示」の順にクリックします。
  3. 「コンポーネント」ページで「作成」をクリックし、「コンポーネントのインポート」を選択します。
  4. 「ファイルの選択」ダイアログで、ファイルをアップロードするフォルダに移動するか、新しいフォルダを作成して、「アップロード」をクリックします。
    1. Locate and select the component layouts (Ad-Highlight, Blog-Default, Blog-Details, Blog-Highlight, MenuCombo-Default, MenuItem-Default, Promo-Default, and Promo-Details) within your local computer’s VB_MarketingSite_Layouts folder you created earlier (by extracting VB_MarketingSite_Layouts.zip file).
    2. 「開く」をクリックします。ファイルのアップロードを待機します。ファイルがアップロードされると、選択できるようになります。
    3. コンポーネント・レイアウトのzipファイルの横にあるチェック・ボックスを選択し、「OK」をクリックします。「コンポーネント」ページのコンポーネントのリストに、インポートしたコンポーネント・レイアウトが表示されます。各コンポーネント・レイアウトについて、このステップを繰り返します。
  5. 「コンポーネント」ページで、インポートしたコンポーネント・レイアウトを選択し、「公開」をクリックします。「コンポーネントの公開」ダイアログで、「確認して続行」を選択して「OK」をクリックします。

フロント・チャネル・クロス・オリジン・リソース共有の有効化

Oracle Visual Builderは別のドメインでホストされているため、ブラウザ・アプリケーション・ドメインをOracle Content Managementのフロント・チャネル・クロス・オリジン・リソース共有(CORS)オリジン・リストに追加します。

  1. 左側のナビゲーション・メニューで、「ADMINISTRATION」の下の「システム」をクリックします。
  2. ドロップダウン・リストから「セキュリティ」を選択します。
  3. 「フロント・チャネルCORSオリジン」フィールドで、Oracle Visual BuilderドメインURLを追加し、「保存」をクリックします。
CORSの詳細は、「Cross-Origin Resource Sharing (CORS)の理解」を参照してください。

公開チャネルおよびリポジトリの作成

公開チャネルとは、リポジトリ内のアセットを使用できる特定のコンテキストです。コンテンツ・アイテムは、公開チャネルを介して公開する必要があります。リポジトリは、Webサイトで使用するすべてのアセットを管理するための記憶域の場所です。したがって、公開チャネルおよびリポジトリを作成します。

  1. Oracle Content Managementに管理者としてサインインします。Oracle Content Management Webインタフェースの左側のナビゲーション・メニューにADMINISTRATIONセクションが表示されない場合は、管理者権限がありません。この場合は、サービス管理者に連絡してください。
  2. 左側のナビゲーション・メニューの「管理者」にある「コンテンツ」をクリックします。
  3. ドロップダウン・リストから「公開チャネル」を選択し、右上隅にある「作成」をクリックします。
  4. 「名前」フィールドに、わかりやすいチャネル名(例: Cafe - Soupremo)を入力します。
  5. 「ローカライゼーション」フィールドを「なし」に設定します。
  6. 「保存」をクリックします。

    新しく作成された公開チャネルが、「コンテンツ」ページの公開チャネルのリストに含まれるようになります。

    ノート:

    作成した公開チャネルをクリックし、サイドバーを展開して「プロパティ」ペインを表示し、「API」タブからチャネル・トークン値をノートにとります。
  7. ドロップダウン・リストから「リポジトリ」を選択し、右上隅の「作成」をクリックして、「アセット・リポジトリ」を選択します。
  8. 「名前」フィールドに、わかりやすいリポジトリ名(例: CafeSupremo)を入力します。
  9. 「公開チャネル」フィールドで、作成した公開チャネル(Cafe - Upremo)を選択します。
  10. 「Default Language（デフォルト言語）」フィールドで、英語（アメリカ） （en - US）が選択されていることを確認します。
  11. 「保存」をクリックします。

    これで、新しく作成されたリポジトリが「コンテンツ」ページのリポジトリのリストに含まれます。

リポジトリへのアセットのインポート

Webサイト・アプリケーションにデジタル・アセットおよびコンテンツ・アイテムを含めることができます。以前に作成したリポジトリにWebサイト・アプリケーションのアセットをインポートします。

  1. 左側のナビゲーション・メニューの「管理者」にある「コンテンツ」をクリックします。
  2. ドロップダウン・リストから「リポジトリ」を選択します
  3. CafeSupremoリポジトリを選択し、メニュー・バーの「コンテンツのインポート」をクリックします。
  4. ここで、ローカル・コンピュータのOCE SamplesAsset Packフォルダ(以前にダウンロードおよび抽出したフォルダ)内にあるOCE_VBSampleAssets.zipパッケージをアップロードします。
  5. ファイルがアップロードされたら、それを選択して「OK」をクリックし、コンテンツをアセット・リポジトリにインポートします。
  6. コンテンツが正常にインポートされたら、「アセット」ページに移動し、CafeSupremoリポジトリを選択します。インポートされたアセット(イメージやコンテンツ・アイテムなど)がページに表示されます。
  7. 上部の「すべて選択」を選択して「詳細」をクリックし、「今すぐ公開」を選択して、以前に作成した公開チャネル(Cafe - Soremo)にすべてのアセットを公開します。
  8. 「検証結果」ページで、選択したチャネルとしてCafe - Upremo公開チャネルを選択し、「検証」をクリックします。
  9. アセットが検証されたら、「パブリッシュ」をクリックして、選択したチャネルにすべてのアセットをパブリッシュします。

アプリケーションの設定

Café SupremoマーケティングWebサイト・アプリケーションをOracle Visual Builderにインポートします。

  1. Oracle Visual Builderにサインインします。
  2. 「インポート」をクリックします。
  3. 「インポート」ダイアログで、「ファイルからのアプリケーション」を選択します。


    import_option.pngの説明が続きます
    図import_option.pngの説明

  4. 「Import Application from File」ダイアログで、前にダウンロードしたzipファイル(oce-vb-marketing-sites-sample.zip)をアップロードします。

    「アプリケーション名」および「アプリケーションID」フィールドは自動的に移入されます。

  5. 「アプリケーション名」フィールドを編集して、Webサイト・アプリケーションの名前(Cafe - Soupremoなど)を入力します。


    import_application.pngの説明が続きます
    図import_application.pngの説明

  6. 「インポート」をクリックします。

統合の構成

Oracle Visual BuilderアプリケーションでOracle Content Managementコンポーネントを使用するには、特定の統合設定を構成する必要があります。

Oracle Visual Builderアプリケーション・ページにコンポーネントを追加するには、まず、Oracle Visual Builderインスタンスに接続されたコンポーネント交換からOracle Content Managementコンポーネントをインストールする必要があります。

Component Exchangeへの接続の追加:
  1. Oracle Visual Builderインスタンスのテナント設定ページを開きます。
  2. 「コンポーネント交換」パネルで、コンポーネント交換のURLおよび資格証明を入力します。

    プライベート・コンポーネント交換に接続を追加する場合は、交換をホストするVB Studioプロジェクトのメンバーである管理者またはプロジェクト所有者の資格証明を指定することをお薦めします。

交換がOracle Visual Builderインスタンスに追加されると、ナビゲータの「コンポーネント」タブを使用して、交換から(アプリケーションで使用する)コンポーネントをインストールおよび管理できます。

contentServerやchannelTokenなどの変数は、Oracle Content ManagementのURLおよびチャネル・トークン値を使用してOracle Visual Builderで設定する必要があります。パブリック・チャネルにアクセスしており、channelToken変数を以前に作成した公開チャネルのチャネル・トークン値に設定する必要がある場合は、contentServer変数を設定する必要があります。

contentServer変数を設定します。
  1. Oracle Content Managementインスタンスに移動し、URLをコピーします。サブディレクトリは心配しないでください。たとえば、次の両方が機能します。
    • https://example.cec.ocp.oraclecloud.com/documents/home
    • https://example.cec.ocp.oraclecloud.com
  2. このプロパティは、コンポーネントをページに追加すると、デフォルトでアプリケーション・レベルの変数として初期化されます。Oracle Visual Builderで、アプリケーションを開き、左側のナビゲーション・ツリーでcafesupremodemoをクリックして、「変数」タブをクリックします。

    アプリケーション・レベルの変数は、「変数」タブに表示されます。

  3. 変数のリストから「contentServer」を選択し、そのプロパティを展開します。
  4. 「一般」タブで、「デフォルト値」フィールドを前にコピーしたOracle Content ManagementのURL値(https://example.cec.ocp.oraclecloud.comなど)に更新します。

    ノート:

    変数が更新された後、この属性を必要とする別のOracle Content Managementコンポーネントを追加すると、その属性は最初にインポートされたコンポーネントによって開始されたものと同じ変数にデフォルト設定されます。
channelToken値を設定します。
  1. 「変数」タブで、変数のリストからchannelToken変数を選択し、そのプロパティを展開します。
  2. 「一般」タブで、「デフォルト値」フィールドを、以前にノートにとった(公開チャネルの)チャネル・トークン値に更新します。

Oracle Visual Builderアプリケーション・ページにアセットを配置するOracle Content Managementコンポーネントは、公開されたコンテンツ・アイテムに対してのみ機能します。

Oracle Visual Builderアプリケーションの他のOracle Content Managementコンポーネントには、追加の要件がある場合があります。要件やオプションなどの詳細なコンポーネント構成手順は、各コンポーネントのReadmeファイルを参照してください。