3.9. ブランド化

手順

1. サンプル Dockerfile をダウンロードします。
2. Dockerfile ディレクトリーで、branding/ サブディレクトリーを作成します。カスタム product.json ファイルとロゴイメージを branding/ ディレクトリーに置きます。

3. Che-Theia でコンテナーイメージをビルドし、イメージをコンテナーレジストリーにプッシュします。

   $ podman build -t username/che-theia-devspaces:next .
   $ podman push username/che-theia-devspaces:next

   Copy to Clipboard Toggle word wrap

1. che-plugin-registry リポジトリーのクローンを作成し、デプロイするバージョンをチェックアウトします。以下を参照してください。

   administration-guide:examples/snip_devspaces-clone-the-plug-in-registry-repository.adoc

2. che-editors.yaml ファイルを開きます。
3. id が eclipse/che-theia/next であるエントリーを編集し、containers セクションの image の値をカスタム Che-Theia コンテナーイメージを参照するように置き換えます。

4. レジストリーをビルドします。

   administration-guide:examples/snip_devspaces-build-a-custom-plug-in-registry.adoc

5. ./dependencies/che-plugin-registry/v3/plugins/eclipse/che-theia/next ディレクトリーに移動します。
6. このディレクトリーの meta.yaml ファイルを、HTTP リソースとして使用できる一般にアクセス可能な場所に公開します。

7. サンプル che-theia-branding-example devfile を使用してワークスペースを作成し、変更を適用します。

   reference フィールドが公開された meta.yaml ファイルを参照することを確認します。

   metadata:
     name: che-theia-all
   projects:
     - name: che-cheia-branding-example
       source:
         location: 'https://github.com/che-samples/che-theia-branding-example.git'
         type: git
         branch: master
   components:
     - type: cheEditor
       reference: >-
         https://raw.githubusercontent.com/che-samples/che-theia-branding-example/master/che-editor.meta.yaml
   apiVersion: 1.0.0

   Copy to Clipboard Toggle word wrap

8. ワークスペースを実行して変更を表示します。

   • Che-Theia のテーマ:

     

     View larger image

     
     

     View larger image

     

   • Che-Theia の軽量テーマ:

     

     View larger image

     
     

     View larger image