Context Navigation

Changes between Version 3 and Version 4 of actividades_2018_pruebas

Timestamp:: May 30, 2018, 12:02:31 PM (6 years ago)
Author:: pbuitrago
Comment:: --

Legend:

: Unmodified
: Added
: Removed
: Modified

actividades_2018_pruebas

-                      v3
+                      v4
 '''Código del formulario HTML:'''
+----
 || <form enctype="multipart/form-data" method="post" id="firmar" name="SignFormat">
     <h2>Firmar electr&oacute;nica (PDF)</h2>
 …
 <div id="seccion4"> </div>
 ||
+[[BR]]
 Los elementos <div> del formulario con id = "sección1", “sección2” y “sección3” se utiliza para mostrar los resultados correspondientes a los 3 procesos descritos para la firma electrónica (consumo del servicio a Murachí).
 …
 Como se va a utilizar certificado con soporte a software se requiere tener en la pagina una sección que me permita cargar a la pagina el archivo .p12 o .pxf
+'''Código del formulario HTML:'''
+'''Código del formulario HTML:''' [[BR]]
 || <div>
 …
 </div>
 ||
+Ahora vamos a necesitar una función en javascript que me permita usar la librería Forge para cargar y acceder al archivo .p12 o .pfx y obtener la información necesaria para realizar el proceso de firma electrónica.
+'''
+Función getCertificate(e)'''
+[[BR]]
+Ahora vamos a necesitar una función en javascript que me permita usar la librería Forge para cargar y acceder al archivo .p12 o .pfx y obtener la información necesaria para realizar el proceso de firma electrónica.[[BR]]
+'''Función getCertificate(e)'''[[BR]]
 || function getCertificate(e)
 …
+        }
 ||
+[[BR]]
 Con esta función obtenemos la clave privada almacenada en la variable privateKey y el certificado almacenado en la variable certBytesHex.
 La clave privada es un conjunto de bytes que debemos convertir a string, para esto se tiene la siguiente función
+[[BR]]
 || function arrayBufferToString( buffer )
 …
 ||
+[[BR]]
 '''Función SignFilePDF() Sección 1. Subir documento pdf'''
+[[BR]]
 En esta sección la función procesa los datos del formulario. Vamos a cargar el archivo .p12 o .pfx y usando la función getCertificate(e), y se obtiene el archivo pdf seleccionado en el formulario a través del método document.getElementById("file-sign") donde “file-sign” corresponde al id del elemento input de tipo “file” del formulario. Luego se almacena en un objeto de tipo FormData que permite el envío del archivo al servidor usando el método $.ajax
 …
 processData: Establece si la información que se envía al servidor debe ser procesada a una cadena de caracteres. Para evitar esto se debe utilizar el valor “false”. En esta sección sólo se quiere enviar el archivo sin ser procesado.
 xhrFields y headers: ya indicado al principio de esta sección.
+[[BR]]
 Código de la función javaScript "SignFilePDF()" sección 1
+function SignFilePDF() {
+----
+|| function SignFilePDF() {
         //cargar el archivo .p12
         getCertificate();
 …
+        }
 )}
+||
+[[BR]]
 La repuesta de esta sección se procesa por el método .done a través del argumento response donde podemos acceder al valor del JSON con la función JSON.stringify.
+Código completo de la sección 1:
+<!doctype html>
+'''Código completo de la sección 1:'''
+[[BR]]
+----
+|| <!doctype html>
 <html>
 <head>
 …
     )}
+||
+[[BR]]
 La respuesta del servicio Murachí es el identificador único del archivo pdf, la respuesta es un json.
 Ejemplo: {"containerId":"b43ea1f0-2c1a-463e-a0b8-1804e2041f33"}
+Sección 2: Preparar firma del archivo
+'''Ejemplo:''' {"containerId":"b43ea1f0-2c1a-463e-a0b8-1804e2041f33"}
+'''Sección 2: Preparar firma del archivo'''
 En esta sección se va a calcular el valor del hash del documento que se envió en la sección 1, en tal sentido antes del cálculo del hash se debe enviar al servidor Murachí toda la información que se agregará al documento tales como el certificado del firmante como información adicional necesaria para la firma electrónica:
 …
 contact: corresponde a información de contacto del firmante.
 signatureVisible: true para mostrar un indicador visible de firma en la primera página del documento pdf y false para no mostrar un indicador visible de firma en la primera página del documento pdf.
 El certificado lo obtuvimos en la sección anterior, en la función getCertificate(). Luego enviarlo al sistema Murachí con el metodo $.ajax usando el recurso :Murachi/0.1/archivos/pdfs
+----
+||
 document.getElementById("seccion1").innerHTML = responseString;
 …
+                        }
     )}
+||
 Si la petición tiene éxito la repuesta de esta sección se procesa a través de la función success: donde se le pase tres parámetros, data: que corresponde al resultado de la petición formateado según el valor del parámetro dataType (respuesta del servidor), textStatus: que corresponde a una cadena que describe el estado y jpXHR: que es un objeto que permite ejecutar varias funciones.
+Código completo de la sección 2
+'''Código completo de la sección 2'''
+----
+||
 <!doctype html>
 …
+           }
     )}
+||
 La respuesta del sistema Murachí es el valor del hash del archivo pdf que se subió al servidor en la sección 1.
+Ejemplo :{"hash":"a3fbfc857e0796b5e5e9fdb8e3183d8e532afe0fe662f3a24eb459f0c22bd472","error":""}
+Sección 3: Completar la firma del archivo
+Ejemplo :{"hash":"a3fbfc857e0796b5e5e9fdb8e3183d8e532afe0fe662f3a24eb459f0c22bd472","error":""}[[BR]]
+'''
+Sección 3: Completar la firma del archivo'''[[BR]]
 En esta sección se firma el hash del documento a firmar con el certificado firmante almacenado en el archivo .p12 o .pfx. En tal sentido partimos desde el resultado que obtuvimos en la sección 2 (el valor del hash del archivo pdf).
+La firma del hash, en particular se esta probando tres librerias javaScripts y luego se envía el hash cifrado con el método $.ajax al sistema Murachí para completar la firma del archivo pdf
+La firma del hash, en particular se esta probando tres librerias javaScripts '''forge''', '''hwcrypto''' y  '''crypto'''
+luego se envía el hash cifrado con el método $.ajax al sistema Murachí para completar la firma del archivo pdf