演習 - ソース コードを使用したアプリの作成とツールのインストール

完了

この演習では、組織のアカウント管理アプリを作成するよう求められています。 組織内の開発要件の 1 つは、社内アプリのソースがテキスト形式で使用できることです。 この要件により、著作権侵害の可能性がある場合に、会社はソース コードの自動スキャンを実行できます。

キャンバス アプリを作成して、テキスト形式でアプリのソースを作成することを決定したとします。

要件

この演習を完了するには、データベースがインストールされた Microsoft Dataverse 環境があることを確認します。

目標

この演習の目標は、以下の方法を習得することです。

  • キャンバス アプリケーションを作成し、コンピュータにダウンロードする。

  • Visual Studio Code 用の Power Platform をインストールする。

  • Visual Studio Code でキャンバス アプリケーションを非パッケージ化する。

演習 1: アプリの作成

この演習では、アカウント管理のキャンバス アプリケーションを作成し、ローカル マシンに保存します。

タスク: アプリケーションの作成

このタスクでは、アカウント管理のキャンバス アプリケーションを作成し、ローカル マシンに保存します。

  1. Power Apps Maker Portal に移動して、サインインしてからこのラボで使用する環境を選択します。

  2. ホーム > Dataverse の順に選択します。

    Dataverse へのリンクが 強調表示された Power Apps Maker Portal ホーム ページのスクリーンショット。

  3. Microsoft Dataverse が選択されている場合は、次のステップに進みます。 それ以外の場合は、+ 新しい接続 > Microsoft Dataverse の順に選択します。

  4. ファイル > 作成の順に選択します。

  5. 勘定テーブルを選択し、接続を選択します。

  6. クラウドを選択し、名前に対してアカウント マネージャーを入力してから、保存 > 名前を付けて保存の順に選択します。

  7. このコンピューターを選択します。

    [このコンピューター] が選択された [名前を付けて保存] 画面のスクリーンショット。

  8. ダウンロードを選択します。

  9. コンピューターに新しいフォルダを作成し、そのフォルダーにLearn lab account managerという名前を付けます。

  10. ダウンロードしたアプリを作成したフォルダーに移動します。

    ダウンロードしたアプリケーションのスクリーンショット。

演習 2: ツールのインストールと展開

この演習では、Visual Studio Code をインストールし、Visual Studio 用に Power Platform 拡張機能をインストールしてから、キャンバス アプリケーションを展開します。

タスク: ツールのインストール

このタスクでは、Visual Studio Code をインストールします。

  1. Visual Studio Code のダウンロード - Mac、Linux、Windows」に移動してから、ユーザーのプラットフォームに合わせてダウンロードを選択します。

  2. プロンプトに従って、Visual Studio Code コードをインストールします。

  3. インストールが完了したら、Visual Studio Code を起動します。

  4. 表示メニューを選択してから、拡張機能を選択します。 Power Platform を検索して選択します。

    Visual Studio 用の Power Platform 拡張機能のスクリーンショット。

  5. インストールを選択してから、インストールが完了するのを待ちます。

    Power Platform 拡張機能の [インストール] ボタンのスクリーンショット。

  6. ファイル メニューを選択してから、フォルダーを開くを選択します。

  7. 以前に作成した Learn lab account manager フォルダーを選択します。

  8. ターミナル メニューを選択してから、新しいターミナルを選択します。

    「新しいターミナル」ボタンのスクリーンショット。

  9. 次のコマンドを実行して、アカウント マネージャー アプリケーションを展開します。

    pac canvas unpack --msapp "Account manager.msapp" --sources src

  10. その後に展開プロセスが続きます。 作成した src フォルダーを展開します。

    unpack コマンドによって作成されたフォルダーのスクリーンショット。

  11. src フォルダー内の各フォルダーを展開してから、それぞれの内容を精査します。