Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
En este artículo se muestra cómo configurar una aplicación en blanco desde Vite y convertirlo en una aplicación de código Power Apps. Trata la configuración de una aplicación TypeScript mediante la biblioteca cliente de Power Apps para aplicaciones de código.
Requisitos previos
- Entorno de Power Platform con aplicaciones de código habilitadas
- Node.js Versión de soporte técnico a largo plazo (LTS)
- Power Platform CLI
- Git
Nota:
A partir de Power Apps biblioteca cliente para aplicaciones de código v1.0.4 y versiones posteriores, la biblioteca cliente para aplicaciones de código incluye una CLI basada en npm para aplicaciones de código. Esta nueva CLI reduce los requisitos previos para compilar aplicaciones de código y reemplazará los comandos de pac code la CLI de Power Platform, que quedarán en desuso en una versión futura. Para obtener más información sobre los nuevos comandos y empezar, consulte Inicio rápido con la nueva CLI de npm.
Pasos
Abra un nuevo terminal y escriba:
npx degit github:microsoft/PowerAppsCodeApps/templates/vite my-app cd my-appAutentique la CLI de Power Platform contra tu arrendatario de Power Platform y seleccione el entorno:
pac auth create pac env select --environment < Your environment ID >Inicie sesión con su cuenta de Power Platform cuando se le solicite. Todas las aplicaciones, flujos y agentes de Power Platform publican en un entorno. El comando de autenticación de la CLI de PAC le pide que se autentique mediante su identidad de Microsoft Entra y garantiza que la aplicación de código a la que agrega conexiones y publique en Power Platform vaya en el entorno especificado.
Instale la biblioteca cliente de Power Apps para aplicaciones de código e inicialice la aplicación de código mediante:
npm install pac code init --displayname "App From Scratch"Escriba el siguiente comando para probar la aplicación de código localmente:
npm run dev
A continuación, abra el URL etiquetado Juego Local.
Importante
Abra la dirección URL en el mismo perfil de navegador que el inquilino de Power Platform.
Nota:
Restricciones de acceso a la red local
Desde diciembre de 2025, los exploradores chrome y Microsoft Edge bloquean las solicitudes de orígenes públicos a puntos de conexión locales de forma predeterminada.
- Dado que la aplicación de código se conecta a localhost durante el desarrollo, es posible que tenga que conceder permiso de explorador o configurar directivas empresariales.
- Para escenarios incrustados, incluya
allow="local-network-access"en etiquetas iframe. - Aprenda a Controlar el acceso de un sitio web a la red local en Microsoft Edge y sobre el nuevo aviso de permiso para el acceso a la red local en Chrome para obtener información detallada.
Debería ver que la aplicación está abierta de forma similar a la siguiente:
Compilación e implementación en Power Apps
En la ventana del terminal, ejecute estos comandos:
npm run build | pac code push
-
npm run build Ejecuta los scripts configurados en el archivo
package.jsoncon la clave de valorbuild. En este caso, el script es"tsc -b && vite build". - push de código pac Publica una nueva versión de una aplicación de software.
Si se ejecuta correctamente, este comando devuelve una dirección URL de Power Apps para ejecutar la aplicación.
Opcionalmente, puede abrir Power Apps para ver la aplicación. Puede jugar, compartir o ver detalles desde allí.
¡Enhorabuena! ¡Ha subido con éxito su primer código!