El proyecto en el que estoy trabajando en Mozilla

5 agosto, 2019 5:12 por

(Esta es una traducción del artículo en inglés con actualizaciones de adicionales)

Hola, ¿cómo va todo? Hoy les quiero hablar sobre lo que estoy trabajando en Mozilla en esta pasantía. El nombre del proyecto es “crear un nuevo visualizador de certificados para Firefox”, pero, ¿qué es un visualizador de certificados? ¿Necesitamos uno? ¿Cómo puedo ver un certificado en Firefox? ¿Qué pasa con el visualizador actual? Las respuestas a estas preguntas a continuación.

¿Qué es un visualizador de certificados?

Imagina que tienes una página web donde vendes ropa (o cualquier cosa), y tus clientes quieren pagar con sus tarjetas de crédito, ¿cómo pueden ellos estar seguros de que tu pagina es lo suficientemente segura? Bueno, pues para eso existen los Certificados SSL. Tu servidor necesita instalar un Certificado SSL para tener conexiones seguras con los navegadores, para evitar que los hackers se roben la información. Cuando la página que estás visitando es segura, aparecerá un candado verde en la URL y esta última comenzará con “https://” (la s es de segura).

Entonces, un visualizador de certificados es “algo” para mostrar un Certificado SSL. El visualizador actual es una ventana que se abre para mostrar esta información. Nosotros queremos mostrarla en una nueva pestaña, y pasar la mayoría de estas funciones (esta es una extensión web de Firefox) a Firefox.

Visualizador viejo vs el nuevo

¿Cómo puedo ver un certificado en Firefox?

Ve por ejemplo a https://github.com/ , dale click al candado verde, luego donde dice “Conexión”, luego click en “Más información”, y por último en “Ver certificado”.

Pasos para ver un certificado en Firefox

¿Necesitamos uno?

Sigue los pasos anteriores para ver un certificado, dale ahora clic en la pestaña que dice “Detalles” y luego en el botón “Exportar”; escoge donde guardar el archivo.

Si abres ese archivo que acabas de guardar con cualquier editor de texto, verás unos datos codificados en base-64. Si tienes Linux, este abrirá el archivo en una forma que se puede leer, pero podríamos habernos ahorrado todos estos pasos si solo lo viéramos en Firefox, ¿cierto?

Certificado codificado vs Visualizador de certificados de Linux

¿Qué pasa con el visualizador actual?

La necesidad de cambiar de visualizador es porque es demasiado viejo, y además se añadirá más información al certificado con esta nueva implementación.

¿Cómo están haciendo un nuevo visualizador?

  1. El usuario va a cualquier página
  2. Le da clic a ver certificado
  3. Una nueva pestaña se abre con esta URL “about:certificate?cert=<información de certificado codificada>”
  4. En about:certificate llamamos a otra función que se encarga de obtener y crear toda la información del certificado usando los datos recibidos en la URL
  5. Finalmente, mostramos toda la información en la página

En el punto 4, lo que hacemos es esto mismo, a diferencia que en Firefox para llamar a las librerías creamos un bundle de ellas con browserify y para las importaciones/exportaciones de funciones usamos módulos de Javascript.

Entonces, las tareas para solucionar los puntos anteriores son estas:

  1. Agregar la página about:certificate.
  2. Agregar las funciones de Certainly-Something a Firefox
    1. Mover todas las funcionalidad hechas por April
    2. Encontrar la mejor manera de importar las librerías
    3. Mezclar con central y eliminar errores delint
  3. Crear test para 2
  4. Enviar la información de certificado en la URL abriendo una nueva pestaña
  5. Crear test para 4
  6. Reformatear el certificado para usar en el frontend
  7. Hacer la importación de los módulos más consistente
  8. Manejar adecuadamente los errores de about:certificate
  9. Mezclar con frontend
  10. Probar funcionalidades/Arreglar bugs
  11. Escribir un blog sobre tu trabajo y lo que estás aprendiendo sobre Firefox

Nota: Las tareas tachadas son las que ya están completadas.

Como ven, ademas de esto falta todo el desarrollo de la interfaz, de esto se esta encargando la otra interna Danielle.

Pueden ver el código de cada una de las tareas hechas y por hacer aquí.

Es increíble como pequeñas cosas, todas unidas forman algo tan grande como lo es Firefox. Es muy emocionante ser parte de este proyecto y poder aprender tantas cosas con la ayuda de nuestros mentores. El primer día de mi pasantía no entendía nada, y estaba muy asustada, todo el tiempo pensaba si de verdad iba a poder lograrlo, pero ahora que falta aproximadamente un mes para que se acabe, estoy segura de que sí puedo, creo que todas las personas pueden alcanzar lo que se proponen si se esfuerzan lo suficiente. El trabajo duro vence al talento cuando el talento no trabaja duro – Tim Notke.

The following two tabs change content below.

Carolina Jiménez Gómez

Software Developer

Compartir artículo:

  • ¡Participa!

    Firefox Friends »
    Agrega botones de Firefox en tu sitio web y comparte tu amor por Mozilla Firefox.
    Ayuda a otros usuarios en Twitter.
    Colabora con la comunidad »
    En Mozilla lo importante son las personas. Descubre cómo puedes colaborar.

    Boletín Firefox

    Suscríbete al boletín de novedades de Firefox.

  • Descargas

    Descarga los programas de Mozilla.

    Lo más visto

    cc-by-sa