RSJ-Labelprinter - follow the QR-Code RSJ-Next Generation Label Printing System - makes workflow easier RSJ-Software, Company Logo

Barra lateral reutilizable

No tiene que reinventar la rueda para integrar LPSNG con su aplicación: nuestra tecnología de barra lateral reutilizable permite Para una integración extremadamente simple en otras aplicaciones (web o nativas).

También permite futuras mejoras de la barra lateral con funcionalidades adicionales sin cambios en su aplicación.

Tecnología probada

Utilizamos esta misma tecnología para nuestros complementos de integración para Google Sheets, Microsoft Excel 365 y Microsoft Office 2013.

Cómo funciona

  1. Incluya uno de nuestros archivos JavaScript en su encabezado HTML
  2. Defina un * div * en su página web, donde debería vivir nuestra barra lateral.
  3. Registre su aplicación con LPSNG (requiere una suscripción Pro).
  4. Llame a nuestro punto de entrada durante la inicialización de la página.
  5. Proporcionar algunas funciones de devolución de llamada

Modificaciones a tu HTML

<html>
 <head>
  .....
  <script src = "https://lpsng.rsj.de/sidebar/sidebar.js"> </script>
 </head>
 <body>
  ......
  <div id = "sidebarContents"> </div>
 </body>

     El JavaScript está disponible en formato fuente para darle una idea de las posibilidades de personalización.     

Requisitos

La barra lateral reutilizable se basa en IFRAMEs.

Si en realidad incluye nuestra barra lateral de un sandboxed IFRAME, se requieren los siguientes derechos:

  • allow-same-origin
  • allow-forms
  • allow-scripts
  • allow-popups
  • allow-popups-to-escape-sandbox

Registre su aplicación

  1. Vaya a Manage Applications
  2. Añada su aplicación
  3. Establezca la Redirect URL a /loginComplete.html
  4. Tenga en cuenta el clientid y clientsecret

Código JavaScript

function getData(completion, options) {

   var data= [
       { barcode:"4012345123456", productName:"Coca Cola", price: "1.42", 
           labelCount: 10},
       { barcode:"4191709413901", productName:"dotnetpro", price: "14.90", 
           labelCount: 5}
       ];

   var job= {
       title:"Test Job",
       name: "Test Job",
       description: "Job description",
       data: JSON.stringify(data)
       };

   completion(job);
   };

function DoPrint(completion, options) {
   getData(completion, options);
   };

var conf= {
   div: "sidebarContents",        // div id on page
   clientId: "..........",        // client_id from "Manage Applications"
   clientSecret: "............",  // client_secret 
   getData: getData
   };

window.LpsngEmbedded(conf);

Parámetros de configuración obligatorios

div Identificador de div para barra lateral
clientId client_id (desde la gestión de aplicaciones)
clientSecret client_secret (desde la gestión de aplicaciones)
getData Función como fuente de datos de trabajo

Personalizaciones adicionales

La estructura de datos dada a window.LpngEmbdded puede incluir parámetros adicionales (opcionales):

debug Mostrar el estado actual en la barra lateral. Mostrar la comunicación entre marcos en el registro de depuración.
loginPartner Nombre del socio de inicio de sesión preseleccionado
accessToken Token de acceso
user Identificador de usuario (GUID)
design Diseño seleccionado (GUID)
loadState Función para restaurar estado (específico del usuario)
storeState Función para guardar estado (específico del usuario)
extensions Definir componentes de interfaz de usuario adicionales
extensions.buttonTitle Título delante de los botones personalizados
extensiones.buttons Definición de botones personalizados
extensions.optionTitle Título delante de las opciones personalizadas
extensiones.options Definición de opciones personalizadas
urlBase Utilice diferentes sitios web de LPSNG. Para pruebas internas RSJ
handler Administrador de mensajes entre marcos. Solo se utiliza en casos especiales (por ejemplo, integración de Google Apps Script).

Página de Ejemplo

Hemos implementado una página de prueba con esta tecnología. Esta página muestra mucha información de depuración que le permite ver lo que realmente está sucediendo.

Puede encontrar la página de prueba aquí .

Casos de uso

Contacto

Contáctenos para más información:

Name
Company
Email
Phone
How can we help you?

Or contact us directly:

RSJ Software GmbH
Holzstrasse 4
82120 Germering
Germany

Phone: +49 89 89 41 42-0
Fax: +49 89 89 41 42-80
E-Mail: info@rsj.de

© Copyright 2011-2023 by RSJ Software GmbH Germering. All rights reserved. - Version:1.12.0554