OneSpan Sign Cómo: Personalizar la ceremonia de firma

Con OneSpan Sign, tiene la capacidad de personalizar varios aspectos de la ceremonia de firma para satisfacer las necesidades de su aplicación. Esto le permite integrar más fácilmente la experiencia de firma de eSignLive en su aplicación. En este blog, le mostraré cómo personalizar la ceremonia de firma con Java SDK, .NET SDK y REST API.

Configuración de nivel de paquete de documentos

Antes de entrar en el código, le daré una breve descripción de cada paquete disponible y la configuración de diseño de la ceremonia. Es importante tener en cuenta que no es necesario especificar ninguna de estas configuraciones. De forma predeterminada, tendrán los valores que se muestran a continuación si no se especifican. Configuración del paquete de documentos [id de tabla = 3 /] Configuración de diseño de ceremonia A continuación se muestra el diseño predeterminado de la ceremonia de firma de OneSpan Sign. Cada una de las secciones está etiquetada por conveniencia.  

Configuración del paquete de documentos

Configuración de diseño de ceremonia

A continuación se muestra el diseño predeterminado de la ceremonia de firma de OneSpan Sign. Cada una de las secciones está etiquetada por conveniencia.

El código

Como mencioné anteriormente, le mostraré cómo personalizar la ceremonia de firma con Java SDK, .NET SDK y REST API. Continúe y pase a la sección que se aplica a su método. Cubriré la misma información en cada segmento. El código completo de este blog se puede encontrar en el código compartido de la comunidad de desarrolladores: Java , .RED y DESCANSO .

Comunidad de desarrolladores de OneSpan Sign

¡Únase a la comunidad de desarrolladores de OneSpan Sign! Foros, blogs, documentación, descargas de SDK y más.

Únete hoy

SDK de Java

Comenzaré con el SDK de Java. El siguiente código de muestra muestra cómo editar el bloque de configuración. Si necesita una comparación con la creación básica de objetos de documento o si esta es la primera vez que crea un paquete con el SDK de Java, consulte esto anterior Blog .

.withSettings (DocumentPackageSettingsBuilder.newDocumentPackageSettings ()
			.withInPerson ()
			.withOptOut ()
			.withOptOutReason ("Términos de rechazo")
			.withoutLanguageDropDown ()
			.hideOwnerInPersonDropDown ()
			.disableFirstAffidavit ()
			.disableSecondAffidavit ()
			.withDecline ()
			.withoutWatermark ()
			.withCaptureText ()
			.withHandOverLinkHref ("http://www.google.com")
			.withHandOverLinkText ("Salir al sitio")
			.withHandOverLinkTooltip ("Serás redirigido a la página de inicio de Google")
			.withDocumentToolbarDownloadButton ()
			.withDialogOnComplete ()							
.withCeremonyLayoutSettings (CeremonyLayoutSettingsBuilder.newCeremonyLayoutSettings ()
				.withNavigator ()
				.withoutGlobalNavigation ()
				.withoutBreadCrumbs ()
				.withSessionBar ()
				.withTitle ()
				.withProgressBar ()
				.withIFrame ()
				.withGlobalConfirmButton ()
				.withoutGlobalDownloadButton ()
				.withoutGlobalSaveAsLayoutButton ()
				.withLogoSource ("http://www.logo-maker.net/images/common/company-logo8.gif")))

.NET SDK

A continuación, cubriré el SDK de .NET. El siguiente código de muestra muestra cómo editar el bloque de configuración. Si necesita una comparación con la creación básica de objetos de documento o si es la primera vez que crea un paquete con el SDK de .NET, consulte esto anteriormente Blog .

.WithSettings (DocumentPackageSettingsBuilder.NewDocumentPackageSettings ()
                        .WithInPerson ()
                        .WithOptOut ()
                        .WithOptOutReason ("Términos de rechazo")
                        .WithoutLanguageDropDown ()
                        HideOwnerInPersonDropDown ()
                        .DisableFirstAffidavit ()
                        .DisableSecondAffidavit ()
                        .WithDecline ()
                        .WithoutWatermark ()
                        .WithCaptureText ()
                        .WithHandOverLinkHref ("http://www.google.com")
                        .WithHandOverLinkText ("Salir al sitio")
 			.WithHandOverLinkTooltip ("Redirigirá a la página de inicio de Google")
                        .WithoutDocumentToolbarDownloadButton ()
                        .WithoutDialogOnComplete ()
              .WithCeremonyLayoutSettings (CeremonyLayoutSettingsBuilder.NewCeremonyLayoutSettings ()
                                .ConNavigator ()
                                .SinGlobalNavigation ()
                                .WithoutBreadCrumbs ()
                                .WithSessionBar ()
                                .WithTitle ()
                                .WithProgressBar ()
                                . WithIFrame ()
                                .WithGlobalConfirmButton ()
                                .WithoutGlobalDownloadButton ()
                                .WithoutGlobalSaveAsLayoutButton ()
                                .WithLogoImageSource ("http://www.logo-maker.net/images/common/company-logo8.gif")))

API REST

Finalmente, cubriré la API REST. El ejemplo de JSON a continuación muestra cómo editar el objeto de configuración. Incluí que creará un nuevo paquete de documentos con configuraciones de ejemplo para mayor comodidad. Si necesita una comparación con la creación básica de objetos de documento o si es la primera vez que crea un paquete con la API REST, consulte esto anteriormente Blog .

{
  "configuración": {
    "ceremonia": {
      "eventos": {
        "completo": {
          "diálogo": verdadero,
          "redirigir": ""
        }
      },
      "inPerson": cierto,
      "decliveButton": cierto,
      "declinarReasons": [],
      "disableDeclineOther": falso,
      "disableDownloadForUncompletedPackage": falso,
      "disableFirstInPersonAffidavit": verdadero,
      "disableInPersonAffidavit": falso,
      "disableOptOutOther": falso,
      "disableSecondInPersonAffidavit": verdadero,
      "documentToolbarOptions": {
        "downloadButton": verdadero
      },
      "entregar": {
        "title": "Serás redirigido a la página de inicio de Google",
        "href": "http://www.google.com",
        "text": "Salir al sitio"
      },
      "hideCaptureText": falso,
      "hideLanguageDropdown": verdadero,
      "hidePackageOwnerInPerson": verdadero,
      "hideWatermark": verdadero,
      "maxAuthFailsAllowed": 3,
      "optOutButton": verdadero,
      "optOutReasons": [
        "Rechazar términos".
      ],
      "estilo": nulo,
      "diseño": {
        "pie de página": {},
        "iframe": cierto,
        "navegador": verdadero,
        "brandingBar": {
          "logotipo": {
            "src": "/sites/default/files/blog/images/company-logo8.gif",
            "enlace": ""
          }
        },
        "encabezado": {
          "feedback": verdadero,
          "globalActions": {
            "confirmar": verdadero,
            "descargar": falso,
            "hideEvidenceSummary": falso,
            "saveAsLayout": falso
          },
          "barra de título": {
            "título": verdadero,
            "progressBar": verdadero
          },
          "migas de pan": falso,
          "globalNavigation": falso,
          "sessionBar": verdadero
        }
      }
    }
  },
  "type": "PAQUETE",
  "status": "BORRADOR",
  "nombre": "Personalización de la ceremonia de firma"
}

Ejecutando su código

Ahora puede seguir adelante y ejecutar su código. Dependiendo de la configuración que elija, su resultado final puede ser diferente al mío. Si siguió mi ejemplo, a continuación hay una captura de pantalla de lo que podría esperar:

Ahí tienes. Has personalizado con éxito la ceremonia de firma.

Si tiene preguntas sobre este blog o cualquier otra cosa relacionada con la integración de OneSpan Sign en su aplicación, visite los foros de la comunidad de desarrolladores:

https://developer.onespan.com . Eso es todo de mi parte. ¡Gracias por leer! Si esta publicación le parece útil, compártala en Facebook, Twitter o LinkedIn.

Haris Haidary
Evangelista Técnico Junior
LinkedIn El | Gorjeo