クイック スタート: 最初からコード アプリを作成する

この記事では、 Vite から空のアプリを設定し、Power Apps コード アプリに変換する方法について説明します。 コード アプリ用の Power Apps クライアント ライブラリを使用した TypeScript アプリの構成について説明します。

前提条件

• コード アプリが有効になっている Power Platform 環境
• Node.js 長期サポート (LTS) バージョン
• Power Platform CLI
• Git

手順

1. 新しいターミナルを開き、次のように入力します。

   npx degit github:microsoft/PowerAppsCodeApps/templates/vite my-app
   cd my-app 
   

2. Power Platform テナントに対して Power Platform CLI を認証し、環境を選択します。

   pac auth create
   pac env select --environment < Your environment ID >
   

   メッセージが表示されたら、Power Platform アカウントを使用してサインインします。 Power Platform のすべてのアプリ、フロー、エージェントは、環境に発行されます。 PAC CLI の 認証コマンド を使用すると、Microsoft Entra 身元確認を通じて認証するよう促され、あなたが接続を追加して Power Platform に発行するコードアプリが、指定された環境で確実に動作することを保証します。

3. コード アプリ用の Power Apps クライアント ライブラリをインストールし、次を使用してコード アプリを初期化します。

   npm install
   pac code init --displayname "App From Scratch"
   

4. 次のコマンドを入力して、コード アプリをローカルでテストします。

   npm run dev 
   

次に、 Local Play というラベルの付いた URL を開きます。

次のようなアプリが開いていることがわかります。

ビルドしてPower Appsにデプロイする

ターミナル ウィンドウで、次のコマンドを実行します。

npm run build | pac code push

• npm run buildpackage.jsonのキー値を使用して、build ファイルで構成されたスクリプトを実行します。 この場合、スクリプトは "tsc -b && vite build"。
• pac コード プッシュ コード アプリの新しいバージョンを発行します。

成功した場合、このコマンドはアプリを実行するための Power Apps URL を返します。

必要に応じて、 Power Apps を開いてアプリを表示できます。 そこから、再生、共有、または詳細を確認できます。

お疲れさまでした。 最初のコード アプリが正常にプッシュされました。

関連情報

• 方法: コード アプリをデータに接続する
• Power Apps CLI