Introductie
De CloudConnector is een stuk javascript software dat samenwerkt met een applicatie. Hierdoor kunnen er makkelijk labels geprint worden op elke website voor elk platform.
Met behulp van Javascript code kan je makkelijk TSPL sturen naar de Altec printers. Hierbij word een layout eerst aangemaakt in de TSPL code die de printers begrijpt, met indien nodig bijgevoegde bestanden voor lettertype of afbeeldingen.
Voor het gebruik van de CloudConnector zijn er een aantal stappen die doorlopen moeten worden op de client, en op de website zelf.
Client-side configuratie
Altec Cloud Connector
Alle gebruikers die willen printen zullen de CloudConnector op hun systeem moeten installeren. Wij ondersteunen hier enkel Windows bij.
De browser moet herstart worden na de installatie. FireFox-based browsers moeten helemaal gesloten worden voordat de CloudConnector geïnstalleerd wordt.
Internet Explorer 11 & MicroSoft Edge gebruikers moeten websocket verbinding naar localhost toestaan. Open Internet Explorer, klik op het tandwiel icoon → internet opties → beveiliging → lokaal intranet → sites → klik de eerste checkbox uit (alle lokale intranet sites niet in andere zones).
Systeemeisen
OS: Windows XP, Vista, Windows 7, Windows 8.x (Desktop-mode), Windows 10/11
Browser: Internet Explorer 10+, Microsoft Edge, Mozilla Firefox 31+, Google Chrome 31+, Safari 6.0.3+
Website configuratie
Om de CloudConnector te gebruiken op jouw webpagina heb je eerst het Javascript object nodig. Deze kan je hier downloaden. Dit object zal je pagina een print job kunnen laten genereren. Met behulp hiervan zal je de printers kunnen kiezen, en kunnen printen zonder een pop-up van je browser te krijgen.
Voeg het volgende toe aan je website om gebruik te maken van de Cloud Connector:
<!–- CloudConnector Javascript Source -–>
<script type=”text/javascript” src=”JSPrintManager8.js“></script>
Als Internet Explorer gebruikt wordt, voeg dan het volgende ook toe:
<!—- Support voor IE —->
<script type=”text/javascript” src=”https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.5/bluebird.min.js“></script>
Cloud Connector gebruiken
De Cloud Connector moet eerst opgestart worden in de pagina voordat je hiervan ook daadwerkelijk gebruik kan gaan maken. Zorg hierbij ervoor dat de Cloud Connector al wel aanstaat, en geïnstalleerd is op de computer waar je het op wil gaan gebruiken. De code hieronder start de Cloud Connector als een Websocket. Zo kan de Cloud Connector data goed versturen naar de gekozen printer.
// WebSocket settings
JSPM.JSPrintManager.auto_reconnect = true;
JSPM.JSPrintManager.license_url = "";
JSPM.JSPrintManager.start(true, 'localhost', 28503);
JSPM.JSPrintManager.WS.onStatusChanged = function ()
Hierboven wordt gebruikt gemaakt van een functie "getPrinterList()". Zoals de functienaam als zegt, is dit de functie om de printers op te halen. Voor dit voorbeeld staat er een select veld met het id "installedPrinterName":
fuction getPrinterList()
Voor het uiteindelijk printen van een label zijn een aantal functies nodig. Hiervoor roep je de functie "print()" aan, met als argument je labeltemplate en de bestanden die meegestuurd moeten worden. Dit zijn afbeeldingen en lettertypen.
Let hierbij op dat afbeeldingen op ware grootte en rotatie op het label worden gezet, wil je een geroteerde afbeelding, dan moet deze ook geroteerd ontworpen zijn.
// Print label
async function print(template, fileArr)
// Haal het bestand op als een uint8 array
async function fetchFileAsUint8Array(url)
// Maak een nieuwe printopdracht aan
function newJob()
// Maak het download command aan voor elk bestand
function createDownloadForFiles(…images)
// Maak arrays aan elkaar vast
function concatTypedArrays(…arrays)