ビジュアル・アプリケーション・テンプレートを使用したプロジェクトの作成および設定

VB StudioインスタンスがVisual Builderインスタンスと同じアイデンティティ・ドメインにある場合は、ビジュアル・アプリケーション・テンプレートに基づいてプロジェクトを作成し、プロジェクト内にいくつかの構成設定を作成して、ビジュアル・アプリケーションを開発する準備を整えることができます。

ビジュアル・アプリケーション・テンプレートから、開発用にVB Studioプロジェクトを作成および設定する方法のサマリーを次に示します。

このアクションを実行するには: 次を参照してください。
1. プロジェクトを作成します。 ビジュアル・アプリケーション・テンプレートを使用したプロジェクトの作成
ノート

プロジェクトを作成する前に、VB Studioインスタンスが、OCIアカウントに接続されているVisual Builderインスタンスにアクセスする権限があることを確認してください。この認可がないと、これらのインスタンスはプロジェクトのデプロイメント・ターゲットとして選択できなくなります。Visual Builderおよび統合インスタンスにアクセスするためのVB Studioの認可を参照してください。
2. デプロイメント・ジョブを構成します。

デフォルトでは、デプロイメント・ジョブにはターゲット開発インスタンスに接続するための資格証明がないため、手動で指定する必要があります。

デプロイメント・ジョブの構成
3. 開発パイプラインを実行して資格証明を確認します。 パイプラインの手動実行
4. デプロイされたビジュアル・アプリケーションを表示します。 デプロイされたビジュアル・アプリケーションの表示
5. プロジェクトにチーム・メンバーを追加します。 プロジェクトへのユーザーの追加

ビジュアル・アプリケーション・テンプレートを使用したプロジェクトの作成

Visual Builderインスタンスと同じアイデンティティ・ドメインにあるVB Studioインスタンスを使用してビジュアル・アプリケーションを開発する場合、Visual Applicationプロジェクト・テンプレートに基づいてプロジェクトを迅速に開始できます。

  1. VB Studioにサインインします。Oracle Cloudホーム・ページからVB Studioへのアクセスを参照してください。
  2. 組織ページで、「+作成」をクリックします。
  3. 新規プロジェクト・ウィザードの「プロジェクト詳細」ページで、プロジェクトの一意の名前と説明を入力します。
  4. 「セキュリティ」で、プロジェクトのプライバシを選択します:
    1. 「プライベート」を選択して、プロジェクト・メンバーにのみアクセスを制限します。

      「検出可能」チェック・ボックスを選択すると、組織管理者またはプロジェクト・メンバーではない組織メンバーは、自分のプライベート・プロジェクトに関する基本情報(名前や所有者の連絡先情報など)を表示できます。発見できない非公開プロジェクトは、非会員には公開されません。

    2. 「共有」を選択して、組織内のユーザーがプロジェクト・コード、Wikiドキュメント、タスクおよびビルドを使用できるようにします。
  5. 「優先言語」で、プロジェクト・ユーザーが受信する電子メール通知の言語を指定します。
    ユーザー設定でユーザーインターフェイスが表示される言語を変更できます。
  6. 「次へ」をクリックします
  7. 「プロジェクト・テンプレート」ページで、「ビジュアル・アプリケーション」プロジェクト・テンプレートを選択し、「次」をクリックします。
  8. 「プロジェクト・プロパティ」ページで:
    1. 「Gitリポジトリ名」で、必要に応じてGitリポジトリのデフォルト名を変更します。
    2. 「リージョン」および「コンパートメント」で、Visual Builderインスタンスが存在するOCIリージョンおよびコンパートメントを選択します。
    3. 「開発VBインスタンス」で、まだ選択されていない場合は、Visual Builder開発インスタンスを選択します。
      必要なVisual Builderインスタンスが表示されない場合は、戻ってOCIリージョンおよびコンパートメントの選択内容を変更します。
    4. 「ビジュアル・アプリケーション・テンプレート」で、選択した開発インスタンスで使用可能なビジュアル・アプリケーション・テンプレートを選択します。
      デフォルトでは、VB Studioは「デフォルトVBアプリケーション」テンプレートを使用します。別のテンプレートを選択するには、「テンプレートの変更」をクリックし、テンプレートを選択して「選択済の使用」をクリックします。
    5. (オプション)「ワークスペース名」で、必要に応じてプライベート・ワークスペースの名前を変更します。デフォルトでは、Workspace1です。

      ワークスペースには、このプロジェクトのGitリポジトリのクローン、およびソース・ファイルを含むブランチなど、ビジュアル・アプリケーションの開発に必要なすべてのアーティファクトが含まれます。ワークスペースについてさらに学習するには、ワークスペースの概要および必要な理由を参照してください。

    6. (オプション)「作業ブランチ名」で、必要に応じてワークスペースの作業ブランチ名を変更します。デフォルトでは、branch1です。
      プロジェクトがプロビジョニングされると、Gitリポジトリのmainブランチにアプリケーションのファイルが含まれます。ワークスペースの作成時に、VB Studioはmainブランチのコピーを作成し、指定した名前で名前を変更し、ワークスペースの作業ブランチとして使用します。
    7. 「次へ」をクリックします
  9. 「チーム」ページで:
    1. 「メンバーの追加」をクリックし、表示されるリストから、プロジェクトに追加するユーザーまたはグループを選択します。
    2. 追加するメンバーがプロジェクトに含まれるメンバーシップ(プロジェクト所有者、開発者フル・アクセス、開発者限定アクセスまたはコントリビュータ)を選択します。
      各メンバーシップの詳細は、プロジェクト・メンバーシップとはを参照してください。
    3. 「追加」をクリックします。
    4. 必要に応じて、様々なメンバーシップ・タイプを持つ様々なユーザーおよびグループに対して、a、bおよびcのサブステップを繰り返します。
  10. 「終了」をクリックします。
プロジェクトがプロビジョニングされると、「プロジェクト・ホーム」ページが開き、プロジェクトのプロビジョニング・アクティビティのサマリー、デフォルト環境、デフォルト・ワークスペース、およびGit、MavenおよびNPMリポジトリが表示されます。アクティビティ・フィードおよび「環境」ボックスでエラーを確認します。

ビジュアル・アプリケーション・テンプレートを使用してプロジェクトを作成すると、次のアーティファクトが作成されます。

  • Gitリポジトリ。このリポジトリには、ビジュアル・アプリケーションのソース・コードが含まれます。

    Gitリポジトリのファイルを表示するには、「プロジェクト・ホーム」ページに移動し、「リポジトリ」タブをクリックして、Gitリポジトリ名をクリックします:

  • Visual Builder開発インスタンスをポイントする開発環境です。

    左側のナビゲータで、「環境」 環境をクリックして、「開発」環境を表示します。

  • ビジュアル・アプリケーションのアーティファクトをパッケージ化してVisual Builder開発インスタンスにデプロイするジョブを構築します。

    デフォルトでは、Visual-Application-PackageおよびVisual-Application-Deployジョブが作成されます。Visual-Application-Packageジョブは、ビジュアル・アプリケーションのアーティファクト・ファイルを生成します。Visual-Application-Deployジョブは、ビジュアル・アプリケーションのアーティファクト・ファイルをVisual Builder開発インスタンスにデプロイします。

    左側のナビゲータで、「ビルド」ビルドをクリックし、「ジョブ」タブをクリックしてビルド・ジョブを表示します:

    パッケージのビルドおよびデプロイ・ジョブを実行するには、まずVMビルド・エグゼキュータを割り当て、適切なデプロイメント構成を作成する必要があります。適切な構成またはVMエグゼキュータがないと、ビルドは実行されません。

  • ビルド・ジョブを順序で実行するパイプライン。

    左側のナビゲータで、「ビルド」 ビルドをクリックし、「パイプライン」タブをクリックします。パイプラインの行で、「アクション」 アクションメニューをクリックし、「レイアウトの表示」を選択します。

  • VB Studio Designerでビジュアル・アプリケーションを編集するためのプライベート・ワークスペース。

    左側のナビゲータで、「ワークスペース」設計者をクリックしてワークスペースを表示します。

  • デフォルトでは、プロジェクトでは組織のデフォルトのマークアップ言語が使用されます。プロジェクトのユーザーは、マークアップ言語を使用してWikiページおよびコメントをフォーマットします。必要に応じて、「プロジェクト管理」ページからプロジェクトのマークアップ言語を変更できます。プロジェクトのWikiマークアップ言語の変更を参照してください。
  • VMエグゼキュータは、このプロジェクトがVB Studioの最初のプロジェクトで、プロジェクトの作成時にビルドVMエグゼキュータが存在しなかった場合に作成されます。VMエグゼキュータは、Visual Builderのシステム・デフォルトOL7のビルド・エグゼキュータ・テンプレートを使用します。このVMエグゼキュータを使用して、現在のプロジェクトおよびその他のプロジェクトでVisual Builderのシステム・デフォルトOL7テンプレートを参照するビルド・ジョブを実行できます。VMエグゼキュータおよびビルド・エグゼキュータ・テンプレートの詳細は、VMビルド・エグゼキュータを参照してください。

    左側のナビゲータで、「組織」組織をクリックし、「VMビルド・エグゼキュータ」タブをクリックしてVMエグゼキュータを表示します。

デプロイメント・ジョブの構成

デプロイメント・ジョブは、ビジュアル・アプリケーションのビルド・アーティファクトをVisual Builder開発インスタンスにデプロイします。ジョブで、アプリケーションのバージョンとプロファイル、およびビルド・アーティファクトを接続してVisual Builder開発インスタンスにデプロイするために必要な資格証明を指定します。

  1. 左側のナビゲータで、「ビルド」 ビルドをクリックします。
  2. 「ジョブ」タブで、デプロイメント・ジョブをクリックします。
  3. 「構成」をクリックします。
  4. 「構成」 ビルドをクリックします。
  5. 「ステップ」タブをクリックします。
  6. 「認可」セクションで、このビルド・ステップを実行する認可タイプを指定します。「OAuthの使用」をデフォルトで選択すると、Authorization is requiredメッセージが表示され、このビルド・ステップでは、環境のVisual BuilderインスタンスへのOAuthリクエストを処理するために1回かぎりの認可が必要であることが示されます。「認可」をクリックし、資格証明を入力してVisual Builderインスタンスにアクセスします。ジョブを手動で実行し、プロンプトが表示されたら資格証明を入力することもできます。

    いずれの場合も、初期構成時にOAuth接続を承認することをお薦めします。このステップをスキップすると、デザイナから変更を公開できなくなり、変更のデプロイを試行する前に必要な承認を完了する必要があります。

    承認されると、Authorization has been providedメッセージが表示されます。

    ノート

    OAuthが推奨される認可タイプです。OAuth接続の設定で問題が発生した場合のみ、Basic認証を使用します。Basic認証を使用するには、「基本の使用」を選択し、「ユーザー名」および「パスワード」でVisual Builderインスタンスにアクセスできるユーザーの資格証明を入力します。

    OAuthトークン(アクセスおよびリフレッシュ)は、通常の使用中に循環されます。リフレッシュ・トークンは、ユーザーがターゲット・インスタンスにアクセスするたびにアクセス・トークンを取得するために使用されます。このリフレッシュ・トークンは通常、7日間有効です。(トークンの有効期限はIDCSリソース・アプリケーションで設定され、セキュリティ要件によって異なる場合があります。)ユーザーが7日以内にターゲット・インスタンスで認証すると、アクティブなリフレッシュ・トークンによって新しいアクセス・トークンと新しいリフレッシュ・トークンが生成されます。リフレッシュ・トークンが有効であるかぎり、このサイクルは無期限に継続されます。リフレッシュ・トークンが長時間非アクティブ状態(休暇中など)で期限切れになった場合は、「認可の更新」をクリックします(またはジョブを手動で実行するため、期限切れのOAuthトークンを認可するように求められます)。

  7. (オプション)アプリケーションのデフォルト・バージョンを上書きするには、「アプリケーション・バージョン」で新しいバージョンを指定します。アプリケーションのvisual-application.jsonファイルに定義されているバージョンを使用するには、空のままにします。
    「URLにアプリケーション・バージョンを含める」チェック・ボックスの選択を解除しないでください。
  8. (オプション)「アプリケーション・プロファイル」で、開発アプリケーション・プロファイルを指定します。アプリケーションのデフォルト・プロファイルを使用するには、空のままにします。

    ビジュアル・アプリケーションは、RESTサービスの異なるサーバーのデータにアクセスするため、開発や本番などの環境ごとに異なるセキュリティ設定が必要になる場合があります。アプリケーション・プロファイルを使用すると、環境ごとに異なるサーバーとセキュリティ設定の組合せを定義し、アプリケーションを環境にデプロイするときに使用できます。これにより、開発から本番への移行時にビジュアル・アプリケーションの管理が簡略化されます。詳細は、「アプリケーション・プロファイルについて」を参照してください。

  9. (オプション)既存のアプリケーションのデータベースを使用するには、「データ管理」「既存の環境データの保持」を選択します。

    アプリケーションにクリーン・データベースを使用するには、「データ管理」「クリーン・データベースの使用」を選択します。

  10. 「保存」をクリックします。

パイプラインの手動実行

開発ビルド・パイプラインは、パッケージング・ジョブで指定されたGitリポジトリのブランチにコミットがプッシュされると自動的に実行されます。

パイプラインを手動で実行する場合:
  1. 左側のナビゲータで、「ビルド」 ビルドをクリックします。
  2. 「パイプライン」タブをクリックします。
  3. 開発パイプラインの行で、「アクション」 アクションメニューをクリックし、「パイプラインの実行」を選択します。

パイプラインをモニターし、各ジョブのステータスを表示するには、パイプラインの名前をクリックします。ジョブのビルド・ログを表示するには、ジョブの名前をクリックし、「ログの表示」をクリックします。

ジョブのビルドを手動で実行する場合は、ジョブの詳細ページを開き、「今すぐビルド」をクリックします。ジョブの詳細ページでビルドを監視できます。

デプロイされたビジュアル・アプリケーションの表示

デプロイメント・ジョブが正常に実行されると、「環境」ページの「デプロイメント」タブでデプロイされたアプリケーションを表示できます。

  1. 左側のナビゲータで、「環境」環境をクリックします。
  2. Visual Builder環境を選択します。
  3. 「デプロイ」タブをクリックします。
  4. 有効になっていない場合は、「ビジュアル・アプリケーション」トグル・ボタンをクリックします。
  5. Visual Builderインスタンスが別のアイデンティティ・ドメインのものである場合は、そのアクセス資格証明を指定します。
  6. アプリケーションの名前を展開して、デプロイされたアプリケーションのリンクを表示します。
    「デプロイメント」タブには、現在のプロジェクトからデプロイしたアプリケーションが表示されます。プロジェクトの他のユーザーによってデプロイされたアプリケーション、または他のプロジェクトからデプロイされたアプリケーションは表示されません。次に例を示します:
デプロイされたビジュアル・アプリケーションをアンデプロイする場合は、手動またはジョブ構成を使用してアンデプロイできます。「ビジュアル・アプリケーションのアンデプロイ」を参照してください。