Configurar un lector de DNI electrónico en Firefox con AutoFirma en Ubuntu (Versión 2024)

Este artículo es una actualización del artículo "Configurar un lector de DNI electrónico en Firefox con AutoFirma en Ubuntu" que escribí en 2021.

El cambio más importante es que a partir de la versión 22.04 de Ubuntu, Firefoz viene instalado mediante snap en vez de mediante APT así que lo primero que tienes que hacer es desinstalar el snap Firefox e instalarlo mediante APT que lo explico en otro artículo de mi blog.

El lector de tarjetas

Aunque supongo lo aquí escrito funcionará con otros, yo he utilizado el lector de tarjetas 23890 Primo Smart Card Reader de la marca Trust.

Instalación de libpkcs11

Para hacer funcionar el lector de tarjetas en nuestro Ubuntu tenemos que instalar libpkcs11. Esta biblioteca depende de otros paquetes, así que primero los instalamos con el siguiente comando:

sudo apt install pcsc-tools pcscd pinentry-gtk2 libassuan0

Una vez instalados, descargamos de la página oficial de la policía nacional el paquete DEB para nuestra distribución.

Y luego lo instalamos, en nuestro caso con el siguiente comando:

sudo dpkg -i libpkcs11-dnie_1.6.8_amd64.deb

Durante la instalación reiniciará el Firefox y mostrará una página con ayuda de configuración (que explicaremos en los puntos más abajo), y para que la instalación termine tenemos que cerrar Firefox.

Comprobamos el lector de tarjetas

En este punto conectamos el lector de tarjetas a nuestro ordenador y ejecutamos el siguiente comando:

lsusb

Si todo ha ido bien en la consola aparecerá listado el lector de tarjetas, en mi caso:

Alcor Micro Corp. AU9540 Smartcard Reader 

Todavía sin meter el DNI en el lector, pero con este conectado a nuestro ordenador, ejecutamos el siguiente comando:

pcsc_scan

Y deberá aparecer en el terminal que no hay tarjeta insertada, en mi caso:

Card state: Card removed

Y cuando introduzcamos el DNI en el lector, ejecutamos de nuevo el comando anterior:

pcsc_scan

Y deberá aparecer en el terminal que hay tarjeta insertada, en mi caso:

Card state: Card inserted

Configurar el dispositivo de seguridad en Firefox

Ahora vamos a Firefox > Preferencias > Privacidad & Seguridad > Dispositivos de seguridad (es un botón que está abajo)

Pulsamos en el botón "Cargar".

Ponemos un nombre al módulo, por ejemplo "DNI Electrónico".

Indicamos la ruta del archivo del módulo: /usr/lib/libpkcs11-dnie.so

Pulsamos en el botón "Aceptar" y aparecerá en los "Dispositivos de seguridad"

Añadir el certificado raíz de la Policía en Firefox

Ahora vamos a Firefox > Preferencias > Privacidad y Seguridad > Ver certificados (es un botón que está abajo)

Vamos a la pestaña "Autoridades" y pulsamos el botón "Importar".

Indicamos la ruta del certificado raíz: /usr/share/libpkcs11-dnie/ac_raiz_dnie.crt

El asistente le pedirá que establezca la confianza para el certificado.

Marque todas las casillas de confianza, y pulse el botón "Aceptar".

En este momento deberá aparecer el certificado raíz de la policía "Ver certificados".

Verificar que funciona el lector de DNI electrónico en Firefox

Ahora nos vamos a:

https://www.sede.fnmt.gob.es/certificados/persona-fisica/verificar-estado/solicitar-verificacion

Si te falla la primera vez, puede que tengas que entrar en una pestaña privada o borrar las cookies para que te funcione de nuevo.

En cualquier caso, si todo va bien, debería pedirte la contraseña del certificado de tu DNI electrónico, que deberían haberte dado en comisaría cuando te lo sacaste.

Una vez introducida la contraseña, en esa página deberías ver tus datos (nombre, apellidos y DNI).

Instalar las dependencias de AutoFirma

La versión 1.8.3 de AutoFirma, aunque dice que la versión de java no está oficialmente soportada, parece que funciona bien con la versión de java que viene instalada por defecto en Ubuntu, en mi caso la versión:

openjdk version "19.0.2"

Luego tenemos que instalar la dependencia "libnss3-tools" y para ello ejecutamos el siguiente comando:

sudo apt install libnss3-tools

Instalar AutoFirma

Para instalar AutoFirma nos tenemos que descargar el ZIP de la página de descarga oficial, descomprimirlo en una carpeta, y ejecutar el siguiente comando:

sudo dpkg -i AutoFirma_1_8_3.deb

Con AutoFirma instalado, si tienes un certificado, ya es bastante fácil firmar documentos. El problema es intentar firmar documentos con el DNI electrónico. Para ello hay que hacer ciertas cosas "raras".

Configurar AutoFirma con el DNI electrónico

Ahora parece que la versión 1.8.3 de AutoFirma funciona casi sin problemas con el DNI electrónico, simplemente pinchando en el botón "Continuar con DNIe" al arrancar AutoFirma.

Configurar AutoFirma con Firefox

Si hemos llegado hasta aquí sin problemas ya deberíamos poder utilizar el DNI electrónico tanto desde Firefox como desde AutoFirma. El problema llega cuando en un sitio web te piden desde la propia web firmar con AutoFirma.

Como hasta aquí, no es difícil la solución, pero hay que conocerla. AutoFirma no se lleva bien con los perfiles de Firefox, solo debería existir uno.

Si abrimos los perfiles de Firefox desde "about:profiles" vemos que por defecto tenemos 2, "default-release" y "default":

También podemos ver los perfiles arrancando Firefox desde la consola con el comando:

firefox -p

O modificando el fichero:

~/.mozilla/firefox/vim profiles.ini

El caso es que tenemos que eleminar los que no se usan y al final solo tenemos que tener el perfil "default-release".

Pero la cosa no acaba aquí, ahora hay que restaurar la instalación de AutoFirma con Firefox cerrado. Para ello cerramos el Firefox, abrimos AutoFirma, nos vamos a "AutoFirma > Herramientas > Restaurar instalación". Luego pulsamos en el botón "Iniciar restauración". Nos pedirá la contraseña de administrador del sistema. Y debería terminar con algo así:

Probar AutoFirma con Firefox

Y si hemos llegado hasta aquí, sin ningún error, ya solo falta probar que AutoFirma funciona bien desde esta página:

https://www.sededgsfp.gob.es/es/Paginas/TestAutofirma.aspx

probando a firmar un documento con el DNI electrónico con AutoFirma desde el navegador.

Recursos

La información para redactar este post la he sacado de:

• https://vivaelsoftwarelibre.com/lector-de-dni-electronico-en-linux-rapido-y-sencillo-en-firefox/
• https://github.com/ctt-gob-es/clienteafirma/issues/145#issuecomment-747936855
• https://github.com/ctt-gob-es/clienteafirma/issues/172#issuecomment-767120025 
• https://github.com/ctt-gob-es/clienteafirma/issues/29#issuecomment-461150075 
  

Desinstalar el snap Firefox en Ubuntu e instalarlo mediante APT

Desde la versión 22.04 Ubuntu instala Firefox mediante snap, y hay cositas que no funcionan (como el lector de DNI electrónico), por lo que a continuación explico como instalarlo mediante APT.

Primero desactivamos el snap de Firefox con:

sudo snap disable firefox

Luego eliminamos el snap de Firefox con:

sudo snap remove --purge firefox

A veces esto último da error y tenemos que ejecutar:

sudo systemctl stop var-snap-firefox-common-host\\x2dhunspell.mount
sudo systemctl disable var-snap-firefox-common-host\\x2dhunspell.mount 

Por si queda algún rastro ejecuamos:

sudo apt remove --autoremove firefox

Después añadimos el repositorio PPA de "Mozilla Team":

sudo add-apt-repository ppa:mozillateam/ppa

Si queremos que en futuras actualizaciones tenga prioridad el PPA sobre snap creamos el archivo /etc/apt/preferences.d/mozillateamppa con el siguiente comando:

sudo gedit /etc/apt/preferences.d/mozillateamppa

Y copiamos y pegamos el siguiente contenido:

Package: *
Pin: release o=LP-PPA-mozillateam
Pin-Priority: 1001

Package: firefox
Pin: version 1:1snap1-0ubuntu2
Pin-Priority: -1

Luego actualizamos con:

sudo apt update

Y finalmente instalamos Firefox con:

sudo apt install firefox

Fuentes:

• https://www.omgubuntu.co.uk/2022/04/how-to-install-firefox-deb-apt-ubuntu-22-04
• https://es.linux-console.net/?p=31162

Configurar un lector de DNI electrónico en Firefox con AutoFirma en Ubuntu

He escrito una versión más reciente de este artículo en "Configurar un lector de DNI electrónico en Firefox con AutoFirma en Ubuntu (Versión 2024)".

Hace poco me he visto en la necesidad de utilizar el DNI electrónico para hacer gestiones por Internet. La verdad es que su configuración no ha sido tan sencilla como debería en Ubuntu 20.04, así que me he decidido a escribir este post para explicarselo a mi yo del futuro (y ya de paso a quien lo necesite).

El lector de tarjetas

Aunque supongo lo aquí escrito funcionará con otros, yo he utilizado el lector de tarjetas 23890 Primo Smart Card Reader de la marca Trust.

Instalación de libpkcs11

Para hacer funcionar el lector de tarjetas en nuestro Ubuntu tenemos que instalar libpkcs11. Esta biblioteca depende de otros paquetes, así que primero los instalamos con el siguiente comando:

sudo apt install pcsc-tools pcscd pinentry-gtk2

Una vez instalados, descargamos de la página oficial de la policía nacional el paquete DEB para nuestra distribución.

Y luego lo instalamos, en nuestro caso con el siguiente comando:

sudo dpkg -i libpkcs11-dnie_1.6.6_amd64.deb

Durante la instalación reiniciará el Firefox y mostrará una página con ayuda de configuración (que explicaremos en los puntos más abajo), y para que la instalación termine tenemos que cerrar Firefox.

Comprobamos el lector de tarjetas

En este punto conectamos el lector de tarjetas a nuestro ordenador y ejecutamos el siguiente comando:

lsusb

Si todo ha ido bien en la consola aparecerá listado el lector de tarjetas, en mi caso:

Alcor Micro Corp. AU9540 Smartcard Reader 

Todavía sin meter el DNI en el lector, pero con este conectado a nuestro ordenador, ejecutamos el siguiente comando:

pcsc_scan

Y deberá aparecer en el terminal que no hay tarjeta insertada, en mi caso:

Card state: Card removed

Y cuando introduzcamos el DNI en el lector, ejecutamos de nuevo el comando anterior:

pcsc_scan

Y deberá aparecer en el terminal que hay tarjeta insertada, en mi caso:

Card state: Card inserted

Configurar el dispositivo de seguridad en Firefox

Ahora vamos a Firefox > Preferencias > Privacidad & Seguridad > Dispositivos de seguridad (es un botón que está abajo)

Pulsamos en el botón "Cargar".

Ponemos un nombre al módulo, por ejemplo "DNI Electrónico".

Indicamos la ruta del archivo del módulo: /usr/lib/libpkcs11-dnie.so

Pulsamos en el botón "Aceptar" y aparecerá en los "Dispositivos de seguridad"

Añadir el certificado raíz de la Policía en Firefox

Ahora vamos a Firefox > Preferencias > Privacidad y Seguridad > Ver certificados (es un botón que está abajo)

Vamos a la pestaña "Autoridades" y pulsamos el botón "Importar".

Indicamos la ruta del certificado raíz: /usr/share/libpkcs11-dnie/ac_raiz_dnie.crt

El asistente le pedirá que establezca la confianza para el certificado.

Marque todas las casillas de confianza, y pulse el botón "Aceptar".

En este momento deberá aparecer el certificado raíz de la policía "Ver certificados".

Verificar que funciona el lector de DNI electrónico en Firefox

Ahora nos vamos a:

https://www.sede.fnmt.gob.es/certificados/persona-fisica/verificar-estado/solicitar-verificacion

Si te falla la primera vez, puede que tengas que entrar en una pestaña privada o borrar las cookies para que te funcione de nuevo.

En cualquier caso, si todo va bien, debería pedirte la contraseña del certificado de tu DNI electrónico, que deberían haberte dado en comisaría cuando te lo sacaste.

Una vez introducida la contraseña, en esa página deberías ver tus datos (nombre, apellidos y DNI).

Instalar las dependencias de AutoFirma

La versión 1.6.5 de AutoFirma, aunque arranca con versiones más modernas de Java, hay algunas cosas, como el que firme directamente desde Firefox, que no funcionan si no es con la versión 8 de Java. Para instalar esta dependencia ejecutamos el siguiente comando:

sudo apt install openjdk-8-jre

Si ya tuviéramos instalados una versión más moderna de Java, tendremos que indicar al sistema que queremos usar la 8. Para ello ejecutamos el siguiente comando:

sudo update-alternatives --config java

Nos saldrá algo parecido a esto:

Existen 2 opciones para la alternativa java (que provee /usr/bin/java).
Selección   Ruta                                            Prioridad  Estado
------------------------------------------------------------
* 0            /usr/lib/jvm/java-11-openjdk-amd64/bin/java      1111      modo automático
  1            /usr/lib/jvm/java-11-openjdk-amd64/bin/java      1111      modo manual
  2            /usr/lib/jvm/java-8-openjdk-amd64/jre/bin/java   1081      modo manua
Pulse <Intro> para mantener el valor por omisión [*] o pulse un número de selección: 

En mi caso, yo tendré que pulsar la opción 2 para que la versión por defecto de Java sea la 8. Para verificarlo ejecutamos el siguiente comando:

java -version

Si todo ha ido veremos algo así:

openjdk version "1.8.0_282"
OpenJDK Runtime Environment (build 1.8.0_282-8u282-b08-0ubuntu1~20.04-b08)
OpenJDK 64-Bit Server VM (build 25.282-b08, mixed mode)

Luego tenemos que instalar la dependencia "libnss3-tools" y para ello ejecutamos el siguiente comando:

sudo apt install libnss3-tools

Instalar AutoFirma

Para instalar AutoFirma nos tenemos que descargar el ZIP de la página de descarga oficial, descomprimirlo en una carpeta, y ejecutar el siguiente comando:

sudo dpkg -i AutoFirma_1_6_5.deb

Con AutoFirma instalado, si tienes un certificado, ya es bastante fácil firmar documentos. El problema es intentar firmar documentos con el DNI electrónico. Para ello hay que hacer ciertas cosas "raras".

Configurar AutoFirma con el DNI electrónico

El primer problema es que la biblioteca JMulticard no funciona correctamente, así que hay que desactivarla desde "Autofirma > Herramientas":

Para que se hagan efectivos los cambios hay que reiniciar. Y lo raro es que ahora, cuando reinicias, si tienes el el lector de tarjetas instalado con el DNI electrónico introducido, te pedirá la contraseña del certificado. Hasta aquí todo normal. Pero luego en la primera pantalla en vez de pulsar sobre el botón "Continuar con DNIe" tienes que pulsar sobre el botón "Usar cualquier certificado".

Sí, no es nada intuitivo, pero como está enchufado un lector de tarjetas salta esta ventana, y como hemos desactivado la biblioteca JMulticard tenemos que pulsar en el botón "Usar cualquier certificado", y a la hora de firmar te mostrará el certificado del DNI electrónico.

Configurar AutoFirma con Firefox

Si hemos llegado hasta aquí sin problemas ya deberíamos poder utilizar el DNI electrónico tanto desde Firefox como desde AutoFirma. El problema llega cuando en un sitio web te piden desde la propia web firmar con AutoFirma.

Como hasta aquí, no es difícil la solución, pero hay que conocerla. AutoFirma no se lleva bien con los perfiles de Firefox, solo debería existir uno.

Si abrimos los perfiles de Firefox desde "about:profiles" vemos que por defecto tenemos 2, "default-release" y "default":

También podemos ver los perfiles arrancando Firefox desde la consola con el comando:

firefox -p

O modificando el fichero:

~/.mozilla/firefox/vim profiles.ini

El caso es que tenemos que eleminar los que no se usan y al final solo tenemos que tener el perfil "default-release".

Pero la cosa no acaba aquí, ahora hay que restaurar la instalación de AutoFirma con Firefox cerrado. Para ello cerramos el Firefox, abrimos AutoFirma, nos vamos a "AutoFirma > Herramientas > Restaurar instalación". Luego pulsamos en el botón "Iniciar restauración". Nos pedirá la contraseña de administrador del sistema. Y debería terminar con algo así:

Probar AutoFirma con Firefox

Y si hemos llegado hasta aquí, sin ningún error, ya solo falta probar que AutoFirma funciona bien desde esta página:

https://valide.redsara.es/valide/firmar/ejecutar.html 

probando a firmar un documento con el DNI electrónico con AutoFirma desde el navegador.

Recursos

La información para redactar este post la he sacado de:

• https://vivaelsoftwarelibre.com/lector-de-dni-electronico-en-linux-rapido-y-sencillo-en-firefox/
• https://github.com/ctt-gob-es/clienteafirma/issues/145#issuecomment-747936855
• https://github.com/ctt-gob-es/clienteafirma/issues/172#issuecomment-767120025 
• https://github.com/ctt-gob-es/clienteafirma/issues/29#issuecomment-461150075 
  

Atajos de teclado del Firefox

Para aumentar la productividad es muy importante conocer los atajos de teclado de las herramientas que utilizas. Una de la que más utilizo al cabo de día es el Firefox. Aquí os dejo los que creo que son más importantes:

• Alt+←: Ir a la página anterior
• Alt+→: Ir a la página siguiente
• F5: Recargar
• Ctrl+F5: Recargar (reemplazar caché)
• Tab: Resaltar próximo enlace
• Shift+Tab: Resaltar enlace anterior
• Ctrl+P: Imprimir
• Ctrl++: Aumentar tamaño
• Ctrl+-: Reducir tamaño
• Ctrl+0: Restablecer tamaño
• Ctrl+F: Buscar
• F3: Buscar de nuevo
• Mayús+F3: Buscar anterior
• Ctrl+F4: Cerrar pestaña
• Alt+F4: Cerrar ventana
• Ctrl+Q: Salir
• Ctrl+PagUp: Ir una pestaña a la izquierda
• Ctrl+PagDown: Ir una pestaña a la derecha
• Ctrl+Shift+PageUp: Mover pestaña focalizada a la izquierda
• Ctrl+Shift+PageDown: Mover pestaña focalizada a la derecha
• Ctrl+T: Nueva pestaña
• Ctrl+N: Nueva ventana
• Ctrl+Shift+P: Nueva ventana privada
• Enter: Abrir marcador resaltado o enlace en la pestaña actual
• Ctrl+Mayús+T: Deshacer cerrar pestaña
• Ctrl+Mayús+N: Deshacer cerrar ventana
• Ctrl+D: Agregar esta página a marcadores
• F12: Herramientas
• Ctrl+Mayús+K: Consola web
• Ctrl+Shift+C: Inspector
• Ctrl+Shift+S: Depurador
• Ctrl+Shift+E: Redes
• Ctrl+Shift+M: Vista de diseño adaptable
• Ctrl+U: Código fuente de la página
• F11: Pasar a pantalla completa
• Alt: Activar la Barra de menú
• F6: Seleccionar barra de direcciones
• Shift+F10: Activar menú contextual

Configuración de Firefox

Acabo de hacer una instalación de Ubuntu 18.04 y estoy recopilando ciertas cosas a modo de recordatorio para mi, pero espero que sea de utilidad a otras personas. En este caso la configuración de Firefox:

1. General > Inicio > Restaurar sesión previa - seleccionado
   
2. General > Archivo y aplicaciones > Descargas > Preguntar siempre donde guardar archivos - seleccionado
   
3. General > Aplicaciones > mailto > GMail - seleccionado
   
4. Buscar > Buscador predeterminado > DuckDuckGo - seleccionado
   
5. Privacidad y seguridad > Formularios y contraseñas > Preguntar para guardar contraseñas e inicios de sesión de sitios web - no seleccionado
   
6. Privacidad y seguridad > Formularios y contraseñas > Protección contra el rastreo > Siempre - seleccionado
   
7. Luego instalo 2 extensiones: la de buffer y la de MetaMask

Ver las cabeceras HTTP en Firefox

A continuación vamos a ver como instalar el plugin "Live HTTP Headers" en Firefox para poder ver las cabeceras HTTP:

Instalación plugin “Live HTTP Headers” en Firefox

Lo primero que tenemos que hacer es instalar el plugin, y para ello lo que tenemos que hacer es ir al menú complementos, como vemos en la captura de pantalla siguiente:

Una vez dentro de la sección de complementos pinchamos en “Explorar todos los complementos”, como podemos ver en la captura de pantalla siguientes:

Se nos abre una página externa en una pestaña nueva en donde podemos buscar el plugin introduciendo su nombre en al cuadro de búsqueda para tal fin:

Una vez localizado el plugin tenemos que pinchar primero en “+ Agregar a Firefox” y luego en el botón “Instalar”.

Luego tendremos que reiniciar el navegador para que los cambios tengan efecto.

Información sobre las cabeceras de una página

Una vez instalado el plugin, si entramos en una página web, por ejemoplo: http://asanzdiego.blogspot.com.es/ y pinchamos en cualquier lugar de la página con el botón derecho del ratón, y luego pinchamos en el menú contextual sobre la opción “Ver información de la página”, como aparece en la captura de pantalla siguiente:

Entonces nos aparece una venta nueva con información de la página. Para ver la información sobre las cabeceras tendremos que pinchar en la pestaña que pone “Cabeceras”, como podemos ver a continuación:

Captura de las cabeceras de una petición GET

El plugin tiene también la opción de ver las cabeceras HTTP que se van enviando y recibiendo a medida que se navega por los sitios web en tiempo real. Para ello tenemos que pinchar en el menú “Herramientas > Live HTTP headers”, como vemos en la siguiente captura de pantalla:

Si nos metemos ahora en https://duckduckgo.com/ y hacemos una búsqueda, podemos observar, en la ventana del plugin como la petición realizada ha sido mediante un GET:

Captura de las cabeceras de una petición POST

Así mismo, si nos metemos en https://twitter.com/ e introducimos usuario y contraseña y pinchamos en el botón “Iniciar sesión”, como vemos a continuación:

Entonces podemos ver en la ventana del plugin, como esta vez la petición ha sido mediante un POST, como podemos ver a continuación: