MOSTRAMOS CÓMO LOGRAR INTEGRAR SITIOS WEB COMO APPS EN DEEPIN

INTEGRAR SITIOS WEB COMO APPS EN DEEPIN

La forma más conocida y convencional de integrar un sitio web como si fuera una webapp es usando la opción de “crear acceso directo” de Google Chrome:

La desventaja de este método es que aunque se integra el enlace en el lanzador y podemos escoger el nombre de dicho enlace, el icono que veremos será el de Google Chrome.

Así que hoy traigo un tutorial para los que les interese ver de forma más integrada nuestras webapps y que corran siempre con la versión más reciente de Google Chrome que tengamos instalada.

METODOLOGÍA

El primer paso es abrir Chrome y el sitio web que queremos usar como webapp, p. ej., Polarr, WhatsApp, Facebook, Instagram, Telegram, etc.Luego abrimos un documento de texto en blanco con el editor de texto Deepin Edit y creamos los ítems requeridos con los datos relacionados con nuestra app; para el ejemplo, usaremos WhatsApp.

[Desktop Entry]
Version=1.0
Terminal=false
Type=Application
Name=Whatsapp
Exec=google-chrome –app=https://web.whatsapp.com/
Icon=whatsapp
Categories=Internet;
Keywords=what;app;whats;messenger;whatsapp;market;

A continuación explico los cambios realizados

Name=” Será el nombre de la App tal cual la veremos en el lanzador de Deepin.

EXEC=” es el sitio web que queremos abrir

Icon=” el nombre del icono que queremos usar, de no encontrarse un icono o de querer usar uno propio distinto al que trae Deepin, puedes usar archivos .svg, solo basta colocar la ruta del sistema hacia dicho archivo por ejemplo: /home/nombredeusuario/Documents/icono.svg

Categories=” es la categoría del lanzador dentro de la que quieres que aparezca tu aplicación. Solo puedes usar una de ellas

keywords=” Por último, las keywords (etiquetas) son palabras con las cuales quieres encontrar tu aplicación en el lanzador; incluye el nombre y palabras relacionadas. En mi caso, uso palabras en inglés, pues uso mi sistema en inglés. Solo recuerda separar cada palabra con un “;”(punto y coma) y terminar con “;” también.

Guardemos el archivo con extensión.desktop, en el caso de este ejemplo, lo guardaré como WhatsApp.desktop y lo guardaré en mis documentos.

Listo, ahora solo cortar y pegar el archivo que hemos creado en el directorio /usr/share/applications. Debido a que es una carpeta del sistema, tendrás que hacer clic derecho y abrir la ventana como administrador.

Colocamos nuestras contraseñas y pegamos el archivo desde la nueva ventana que se nos abrirá.

Como pueden ver, escogí un icono distinto al incluido por el tema Papirus.

Este método también sirve apara “instalar” aplicaciones que son compartidas de forma portable (generalmente formato tar.bz2) por ejemplo firefox quantum o blender, lo único que cambia es el código la siguiente:

Exec= /home/ruta/al/archivo/ejecutable %u

Si se trata de un appimage solo hace falta agregar la extensión

Exec= /home/ruta/al/archivo/nombre.appimage %u

Espero que mi pequeño aporte les haya servido. Dziban

5 3 votos
Califica el Artículo

8 Reacciones
Más antiguos
Más nuevos Más populares
jhalo
jhalo(@jhalo)
Redactores
7 años atrás

Muy instructivo, útil y todo esta muy detallado, muchas gracias por compartir esta información con nosotros Dziban, es muy difícil hacerlo mal tras leer esto y ver las imágenes.

Emily
Emily(@emily)
Deepineros
7 años atrás

Siempre tan geniales chicos, me viene de perlas para algunas de mis aplicaciones.

TonyRevuelta
TonyRevuelta(@tonyrevuelta)
Deepineros
7 años atrás

Buen metodo, yo siempre he usado Webcatalog, esto es una alternativa interesante.

Nicolas Giacaman
Nicolas Giacaman(@nicolasgiacaman)
Deepineros
7 años atrás

Al crear whatsapp web me integra la ventana nueva como un adicional de chrome, ¿es posible tener el icono de whatsapp separado en el docking?

ProgramacionJS
ProgramacionJS(@programacionjs)
Deepineros
Respondiendo a  Nicolas Giacaman
7 años atrás

es como un programa más, pero su base es chrome

Luis Miguel
Luis Miguel(@luismiguel)
Deepineros
7 años atrás

o puedes crear la web app con Chrome y cambiar el icono con menulibre.

ProgramacionJS
ProgramacionJS(@programacionjs)
Deepineros
7 años atrás

tambien lo puedes copiar eh ~/.local/share/applications
excelente post amigo

martag
martag(@martag)
Deepineros
2 años atrás

Que pasada… yo quiero hacer algo así, pero para las URLs de mi web de leche… osea, como por ejemplo para la de anticólicos…

¿Creéis que me costaría mucho hacerlo?

8
0
Nos gustaría saber lo que piensas, Únete a la discusión.x