UiPath Documentation
studio-web
latest
false
Studio Web ガイド
重要 :
このコンテンツの一部は機械翻訳によって処理されており、完全な翻訳を保証するものではありません。 新しいコンテンツの翻訳は、およそ 1 ~ 2 週間で公開されます。

コード化されたアプリ プロジェクトを初期化する

Studio Web ソリューション内でコード化されたアプリ プロジェクトを初期化し、独自のローカル プロジェクトでアプリを構築してから、UiPath CLI を使用して Studio Web にプッシュします。

コード化されたアプリのソース コードはローカルの IDE で作成されるため、Studio Web でのコード化されたアプリ プロジェクトでの作業は、Studio Web のソリューション内のプロジェクトを 初期化 してから、そのソース コードをビルドして、独自のローカル プロジェクトから プッシュ するという 2 つの異なる手順に従います。

Studio Web でコード化されたアプリ プロジェクトを初期化する

他の Studio Web プロジェクトの作成と同じ方法でプロジェクトを初期化します。

  1. Studio Web の [ クラウド ワークスペース ] ページまたは [ローカル ワークスペース] ページに移動します。

  2. ページの右上隅にある [新規作成] を選択します。

  3. [ 構築を開始 ] ダイアログの [ ビルディング ブロック] で [ アプリ] を選択します。

  4. [ 新しいアプリ ] 画面の [ ゼロから構築] で [ コード化されたアプリ] を選択します。

Studio Web でプロジェクトが既定の名前 (AppApp 1App 2など) で作成されます。より意味のある名前に変更することも、既定値をそのままにしておくこともできます。

この時点で、コード化されたアプリ プロジェクトには、プロジェクトの種類と設定を記述した ファイル webAppManifest.jsonが 1 つ含まれています。ソース コード、テンプレート、フレームワークの足場はまだなく、独自のローカル プロジェクトから取得します。

Studio Web でプロジェクトを確認する

初期化が完了すると、Studio Web では、コード化されたアプリ プロジェクトがソリューションのプロジェクト リストに表示されます。開くと、SDK のドキュメントと、IDE からコードを同期するために必要な CLI コマンドへのリンクを含むセットアップ ページが表示されます。

この画面では、以下にアクセスできます。

  • プロジェクトの概要 — 名前 、現在のバージョン、プロジェクトが属するソリューション。
  • ソース — コードをプッシュすると、Studio Web には最後にプッシュされたソースが読み取り専用モードで表示されます。Studio Web にはブラウザー内コード エディターは用意されていません。すべての編集には、ローカルの IDE を使用します。
  • リソースbindings_v2.json ファイルを含むコードをプッシュすると、登録されているリソースが Studio Web に表示され、宣言された各リソースを Orchestrator エンティティにマッピングできます。「 バインドとランタイム リソース」をご覧ください。

アプリをローカルで構築する

アプリのソース コードを開発するには、次の手順を実行します。

  1. 任意のフレームワーク (React、Vue、Angular、または静的ブラウザー アセットを生成するフレームワーク) を使用して、IDE にローカル プロジェクトを作成します。
  2. フレームワークのツールチェーン (例: npm run build) を使用してアプリをビルドします。これにより、アプリが実行時に処理するデプロイ可能な成果物が生成されます。

アプリが実行時に UiPath リソースを呼び出す場合は、構築された成果物の横に bindings_v2.json ファイルを追加して各リソースを宣言します。「 バインドとランタイム リソース」をご覧ください。

ヒント:

UiPath コーディング エージェントを使用する場合は、 uipath-coded-apps スキルを呼び出します。このスキルは、プロジェクトのベースを作成し、 bindings_v2.jsonを生成し、コードが参照するリソースとの同期を維持します。

アプリを Studio Web にプッシュする

ローカル ビルドの準備ができたら、UiPath CLI を使用して Studio Web プロジェクトにプッシュします。

uip codedapp push --project-id <project-id>
uip codedapp push --project-id <project-id>

コマンドは、ビルドの出力ディレクトリ (既定では dist) を Studio Web にアップロードします。フレームワークが別の場所で構築されている場合は、ディレクトリを --build-dir <dir> でオーバーライドします。

プロジェクトをまだ初期化していない場合は、 push が対話的にプロジェクトを作成するよう求めるプロンプトを表示し、結果の UIPATH_PROJECT_ID を後続のプッシュで .env するために保存します。

プッシュ時、Studio Web:

  • プッシュされたファイルを保存し、プロジェクトの ソース ビュー (読み取り専用) に表示します。
  • プッシュされたコンテンツのルートに が存在する場合は bindings_v2.jsonを読み取り、宣言された各リソースをプロジェクトの [ リソース] パネルに登録します。

完全な CLI リファレンスとラウンド トリップ コマンドについては、「 IDE での作業」をご覧ください。

このページは役に立ちましたか?

接続

ヘルプ リソース サポート

学習する UiPath アカデミー

質問する UiPath フォーラム

最新情報を取得