Resumen: Esta guía es para desarrolladores que crean aplicaciones personalizadas para el Mercado Speakap. Proporciona un archivo de manifiesto de ejemplo que puede usar como punto de partida y explica cada propiedad principal, incluyendo el arreglo entries, la localización y los códigos de iconos.
La plantilla de manifiesto de ejemplo
La estructura JSON a continuación es el archivo de configuración base para su aplicación personalizada. Copie este bloque de código y úselo como fundamento, reemplazando los valores de marcador de posición con los valores reales de su aplicación.
{
"name": {
"en-US": "Example_Name"
},
"icon": "REPLACE_WITH_ACTUAL_URL",
"permissions": [],
"entries": [
{
"position": "external",
"devices": "desktop",
"url": "REPLACE_WITH_ACTUAL_URL",
"urlAppendNetwork": false,
"label": { "en-US": "Example_Name", "nl-NL": "Example_Name" },
"icon": "\uf1ea"
},
{
"position": "external",
"devices": "ios",
"url": "REPLACE_WITH_ACTUAL_URL",
"urlAppendNetwork": false,
"label": { "en-US": "Example_Name", "nl-NL": "Example_Name" },
"icon": "\uf1ea"
},
{
"position": "external",
"devices": "android",
"url": "REPLACE_WITH_ACTUAL_URL",
"urlAppendNetwork": false,
"label": { "en-US": "Example_Name", "nl-NL": "Example_Name" },
"icon": "\uf1ea"
}
]
}Desglose de propiedades
Al completar su archivo de manifiesto de arriba hacia abajo, configure cada propiedad de la siguiente manera:
name (global)
El nombre principal de la aplicación tal como aparece en el Mercado Speakap público o privado. Reemplace "Example_Name" con el nombre de su aplicación.
- Ejemplo: "en-US": "Horario de Trabajo"
icon (global)
La miniatura o imagen del logotipo que se muestra para su aplicación en el Mercado Speakap. Reemplace REPLACE_WITH_ACTUAL_URL con una URL absoluta que aloje su imagen.
- Ejemplo: "icon": "https://developer.speakap.io/content/themes/developer-portal/assets/images/sa-dev-logo-dark.svg"
entries (arreglo)
Un arreglo de objetos que definen dónde y cómo se abre la aplicación en cada plataforma (desktop, ios, android).
- url: El destino web del elemento del menú. Reemplace el marcador de posición con la URL de destino.
- Ejemplo: "url": "https://www.speakap.com/"
- label: El texto que se muestra en el menú de navegación del usuario en Speakap. Soporta múltiples idiomas para redes localizadas.
- Ejemplo: { "en-US": "Speakap", "nl-NL": "Speakap" }
- icon (nivel de entrada): El icono de navegación que se muestra junto a la etiqueta en el menú.
Códigos de iconos
Speakap usa códigos de escape unicode para definir los iconos del menú de la aplicación. Al convertir códigos hexadecimales, elimine el prefijo 0x y reemplácelo con \u.
- Fórmula de conversión: Si el código glifo del icono es 0xf0a1, escríbalo como \uf0a1 en las cadenas de su manifiesto.
¿Aún tiene dudas?
Envíenos un correo a technicalimplementations@speakap.nl con el nombre de su red y su archivo de manifiesto, y le ayudaremos.