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

| Parámetro | Valor | | --- | --- | | div | Identificador de div para barra lateral | | clientId | clientid (desde la gestión de aplicaciones) | | clientSecret | clientsecret (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):

| Parámetro | Valor | | --- | --- | | 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.0576