Compartir a través de


Inicio rápido: Creación de una aplicación de código desde cero

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.

Prerrequisitos

  • 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 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 get started, consulte Quickstart con la nueva CLI de npm.

Steps

  1. Abra un nuevo terminal y escriba:

    npx degit github:microsoft/PowerAppsCodeApps/templates/vite my-app
    cd my-app 
    
  2. Autentique la CLI de Power Platform contra su inquilino 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 auth de la CLI de PAC le pide que se autentique mediante la identidad de Microsoft Entra y garantiza que la aplicación de código a la que agrega conexiones y publica en Power Platform vaya en el entorno especificado.

  3. 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"
    
  4. 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, Chrome y Microsoft Edge exploradores bloquean las solicitudes de orígenes públicos a puntos de conexión locales de forma predeterminada.

Debería ver que la aplicación está abierta de forma similar a la siguiente:

Consulta la aplicación de prueba que se reproduce localmente en el explorador.

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 con la clave de valor . En este caso, el script es .
  • 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í.

¡Felicidades! ¡Ha subido con éxito su primer código!