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

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

[前提条件]

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

Steps

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 の auth コマンドは、Microsoft Entra ID を使用して認証を求めるメッセージを表示し、接続を追加して 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