# Creación de nuevas aplicaciones de usuario

Al configurar una nueva **Aplicación de usuario**, trabajará con varias configuraciones clave que determinan cómo su aplicación externa se integra con la plataforma. Exploremos cada componente esencial.

Empiece haciendo clic en la <img src="/files/7d497b2fc0401d2f9a251797cb418733bf782749" alt="chrome_py0qhiu5p8.webp" data-size="line"> botón en la **Aplicaciones de usuario** lista. En el formulario de configuración que aparecerá, siga los pasos siguientes:

{% stepper %}
{% step %}
**Configure la URL**

Especifique la URL de su aplicación: la dirección donde está alojada su aplicación; esta sirve como base para la integración.

{% hint style="danger" %}

* Asegúrese de que la URL sea válida, use una conexión HTTPS, conduzca a un recurso de confianza y no contenga más de 1000 caracteres.
* Asegúrese de que la aplicación tenga habilitada la configuración de iFrame en su lado; de lo contrario, no podrá abrirla en la interfaz de la plataforma.
  {% endhint %}
  {% endstep %}

{% step %}
**Configure los parámetros básicos**

Para personalizar su aplicación, puede incluir varios parámetros en la URL. Puede añadir parámetros manualmente en el campo de la URL o usar una de nuestras sugerencias: idioma, ID de usuario o zona horaria. Haga clic en una sugerencia de parámetro para agregarla al final de la URL. Expanda la descripción a continuación para obtener más información sobre los parámetros sugeridos y ejemplos.

<details>

<summary>Comprender los parámetros de URL sugeridos</summary>

Sugerimos algunos parámetros básicos para la personalización

1. `?locale={locale_code}`\
   Parámetro de idioma que coincide automáticamente con el idioma de la plataforma del usuario.

* Ejemplo: `https://your-app.com/dashboard?locale=en`

2. `?user_id={user_identifier}`\
   Parámetro de contexto de usuario que transmite la identidad del usuario para filtrar información personalizada.

* Ejemplo: `https://your-app.com/dashboard?user_id=12345`

3. `?timezone={timezone}`\
   Parámetro de hora que coincide automáticamente con la zona horaria de la plataforma del usuario.

* Ejemplo: `https://your-app.com/dashboard?timezone=UTC+1`

Puede editar el nombre del parámetro sugerido o especificar un valor determinado para él.

</details>

![Ejemplo de URL de la aplicación con parámetros](/files/faba8111afb75406e7a339ac6309d6f87b0165b9)

{% hint style="info" %}
Pruebe su configuración para asegurarse de que la aplicación se cargue correctamente. Haga clic en <img src="/files/d5f9bb9be18d44e293bb572d6f55212d49147913" alt="image-20241217-083119.png" data-size="line"> para mostrar una vista previa.
{% endhint %}
{% endstep %}

{% step %}
**Ajustar la apariencia**

Cree una identidad reconocible para su aplicación para facilitar el acceso. La siguiente configuración le ayudará a hacerlo:

* **Etiqueta** – Añada un nombre único y descriptivo para su aplicación (hasta 24 caracteres). Se mostrará en la barra lateral de la plataforma.
* **Descripción** – Añada una breve explicación con detalles sobre la funcionalidad de la aplicación o destaque información importante (hasta 50 caracteres). Una descripción informativa ayudará a sus usuarios a comprender mejor el propósito de la aplicación.
* **Icono** – Seleccione un icono que represente la función de su aplicación para una navegación aún más nativa.
  {% endstep %}

{% step %}
**Seleccione el método de visualización**

Decida cómo se abrirá su aplicación eligiendo una de las dos opciones en el menú desplegable **Abrir en** :

* **Incrustado** – La aplicación aparece dentro de la interfaz de la plataforma
* **Nueva pestaña** – La aplicación se abre en una pestaña del navegador independiente

{% hint style="info" %}
Nuestra plataforma utiliza iFrame para la integración. Como no todas las URL pueden procesarse correctamente con esta tecnología, asegúrese de previsualizar el resultado de la integración. Si encuentra algún problema con este método de visualización, considere usar **Nueva pestaña**.
{% endhint %}
{% endstep %}

{% step %}
**Configure la autenticación (opcional)**

Configure la autenticación si su aplicación depende de la API de la plataforma. En este caso, la plataforma proporcionará los datos de autenticación directamente a la aplicación cuando se abra, eliminando la necesidad de implementar funcionalidad adicional de inicio de sesión en el lado de su aplicación.\
Puede elegir uno de los dos métodos de autenticación:

* **Clave API**
  * Este método es para aplicaciones en las que no se requiere gestión de roles ni permisos de usuario.
  * La clave de API corresponde al nivel de acceso del propietario de la cuenta. Esto significa que proporcionar a un usuario común una clave de API puede concederle acceso a **todos los datos** disponibles para el usuario principal.\
    Por ejemplo, si su aplicación trabaja con rastreadores a los que un usuario tiene derechos limitados o ningún acceso, el uso de la clave de API seguirá mostrando todos los rastreadores de la cuenta principal.
* **Clave de sesión**
  * Este método se recomienda cuando interviene la gestión de roles.
  * Transmite la clave de sesión actual del usuario a la aplicación.

{% hint style="info" %}
Al seleccionar el método **Clave API** se deshabilitará automáticamente el método **Clave de sesión** , y viceversa. Solo se puede usar un método a la vez.
{% endhint %}

Cuando la autenticación está habilitada, la plataforma añade el parámetro `?session_key=` a la URL de su aplicación.

* Si ha seleccionado una **Clave API**, el valor del parámetro contendrá esta clave.
* Si ha optado por una **Clave de sesión**, el valor del parámetro incluirá la clave de la sesión actual del usuario desde la que se accede a la aplicación.

Asegúrese de que la aplicación sea capaz de leer y utilizar este parámetro.
{% endstep %}

{% step %}
**Guarde la nueva aplicación**

Haga clic en el **Guardar** botón. Su aplicación aparecerá en la **Aplicaciones de usuario** lista y en la barra lateral de la plataforma. Las aplicaciones habilitadas pasan a estar disponibles automáticamente para los usuarios de la cuenta.
{% endstep %}
{% endstepper %}

<figure><img src="/files/03a17bc7551f3532515c84a60257ebadd81163db" alt=""><figcaption><p>Ejemplo de vista de la Aplicación de usuario integrada</p></figcaption></figure>

<details>

<summary>Consejos rápidos para la resolución de problemas</summary>

Si su aplicación no se muestra correctamente cuando está integrada, pruebe a:

* Abrirla en una pestaña nueva en su lugar
* Verificar que su URL sea correcta y accesible
* Comprobar que todos los parámetros estén correctamente formateados

</details>

Las aplicaciones creadas permanecen totalmente configurables después de guardarse. Puede ajustar sus parámetros y apariencia en cualquier momento. Para obtener más información sobre la gestión de aplicaciones, consulte [Gestión de aplicaciones de usuario existentes](/docs/user/es/guide/account/user-applications/managing-existing-user-applications.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://navixy.com/docs/user/es/guide/account/user-applications/creating-new-user-applications.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
