Additional Documentation:
- How to connect to Azure SQL — Find a detailed walkthrough for connecting your code app to Azure SQL.
Power Apps empowers developers of all skillsets—including those building web apps in IDEs like Visual Studio Code—to efficiently build and run business apps on a managed platform.
Code Apps is a new way for developers to bring Power Apps capabilities into web apps built in a code-first IDE. These capabilities are available both during local development and when an app runs in Power Platform.
Key features include:
- Out-of-the-box Microsoft Entra authentication and authorization
- Access to 1,500+ Power Platform connectors, callable directly from JavaScript
- Easy publishing and hosting of line-of-business web apps in Power Platform
- Adherence to your organization’s Managed Platform policies (app sharing limits, Conditional Access, Data Loss Prevention, etc.)
The managed platform accelerates innovation in safe environments. When ready, apps can be deployed to dedicated production environments. Code Apps and the managed platform reinforce safe, rapid innovation, and, when ready, these apps can be deployed to dedicated production environments.
- What is a code app?
- Prerequisites
- Getting Started
- Additional Scenarios
- Supported managed platform capabilities
- Limitations
- See also
- Preview disclaimer
- License
- Code of Conduct
Code apps allow developers to write custom code (React, Angular, Vue, etc.) that runs seamlessly within Power Platform. This gives you:
- Full control over your UI and logic 💻
- Access to Power Platform data sources 📊
- Enterprise-grade authentication 🔐
- Simplified deployment and ALM 🔄
Code apps require several developer tools like Visual Studio Code, git, dotnet, node.js, and npm to be available on the command line.
- Visual Studio Code
- Node.js (LTS version)
- Git
- Power Apps CLI
First release environments are intended for non-production use and they receive Power Platform updates before other environments. For code apps EAP, it's recommended that you use a first release environment (it is required for SQL connector). Code app capabilities will eventually be available to all environments. Code apps require dataverse to exist in the environment.
[!IMPORTANT] Early access preview participants must inform Microsoft of the first release environment you want code apps enabled.
pac admin create --name 'Code Apps' --region 'unitedstatesfirstrelease' --type 'Developer'Be sure to set LocationName to “unitedstatesfirstrelease”. Learn more
New-AdminPowerAppEnvironment -DisplayName "Code App env" -EnvironmentSku Trial -LocationName "unitedstatesfirstrelease" -ProvisionDatabase End-users that run code apps will need a Power Apps Premium license.
This repository has the start of a TypeScript app that already includes the Power Platform SDK. Later in EAP we'll add guidance to that allows you to start from scratch without using this base app.
git clone https://github.com/microsoft/PowerAppsCodeApps.git
cd PowerAppsCodeApps\samples\HelloWorldpac auth create --environment {environment id}npm install
pac code init --displayName "Hello World"[!NOTE] If you observe a PAC CLI error stating the environment does not support code apps it means Microsoft didn't enable code apps for your environment. Use the documentation provided in your EAP welcome email to submit the environment to Microsoft.
npm run dev npm run build | pac code pushIf successful, this command should return a Power Apps URL to run the app.
Optionally, you can navigate to https://make.powerapps.com to see the app in the Maker Portal. You can play, share, or see details from there.
Congratulations! You have successfully pushed your first code app!
[!NOTE] If you get stuck on the “fetching your app” loading screen or see an “App timed out” error screen, double check:
- that you ran npm run build
- there are no issues in PowerProvider.tsx
The linked documentation contains a detailed walkthrough to turn a blank app created with vite into Power Apps code app.
Code apps enable connecting to Power Platform connectors. To do this, you will create connections, add them to the app, and update the app to call them.
The linked documentation contains a detailed walkthrough for connecting your code app to Azure SQL.
| Capability | Notes |
|---|---|
| End-users see consent dialog for connector permissions | Learn more |
| Sharing limits | Code apps respect canvas app sharing limits. Learn more |
| App Quarantine | Learn more |
| Data Loss policy enforcement during app launch | Learn more |
| Conditional Access on an individual app | Learn more |
| Admin consent dialog suppression | Consent suppression is supported for both Microsoft connecters that use OAuth as well as custom connectors that use OAuth. Learn more |
| Tenant isolation | Learn more |
| Azure B2B (external user access) | Code apps may be shared with and access by end-users using Azure B2B to access resources in a tenant, similar to canvas apps. Learn more |
- Code apps can invoke APIs outside of Power Platform connectors. Code apps do not support Content Security Policy (CSP), yet.
- Code apps do not support Storage Shared Access Signature (SAS) IP restriction, yet.
- Code apps don’t support Power Platform Native source code integration.
- Code apps don’t support Dataverse solutions and therefore cannot use Power Platform pipelines for deployments.
- Code apps don’t have a Power Platform native integration with Azure Application Insights. Azure Application Insights can be added as it would be to a generic web app but it will not include information recognized in the platform layer, such as app open events (to measure success/failure)
Preview features are features that aren’t complete but are made available on a “preview” basis so customers can get early access and provide feedback. Preview features are not supported by Microsoft Support, may have limited or restricted functionality, aren’t meant for production use, and may be available only in selected geographic areas.
This project is licensed under the MIT License - see the LICENSE file for details.
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.