Skapa ett streckkods-api med javascript

Jag använder Visual studio code på en MacBook Pro M1, följande exempelkod i JavaScript som använder en tredjepartsbibliotek för att generera en Code 128-streckkod och returnera den som en PNG-bild.

Exemplet bygger på bwip-js som finns på github: https://github.com/metafloor/bwip-js

Notera! Syftet med denna guide är att visa hur man kan skapa en enkel webbserver med node.js för att generera streckkoder som bilder, skall man använda bwip-js i produktion bör man lägga till säkerhet i koden för webbservern.

Har du inte visual studio code kan du ladda ner det gratis här

Har du aldrig använt node.js innan kan du hitta bra exempel på hur man kommer igång här

Ladda ner node.js: https://nodejs.dev/en/download/

Starta visual studio code

  1. Välj ’Open folder’ och skapa en ny folder som heter ’create-barcode’ att lagra ditt projekt i.

Skapa ett streckkods-api med javascript - Create-barcode demo screenshot - empty folder created

2. Öppna en terminal antingen via verktygsmenyn ’Terminal – new terminal’ via ’Launchpad’ – Terminal.

(Säkerställ att du är i rätt folder genom att skriva pwd och tryck enter, navigera annars till rätt sökväg där du lagrat foldern ’create-barcode’)

3. Skriv in ’Yarn init’ och tryck enter för att initiera ett nytt projekt och skapa package.json

Skapa ett streckkods-api med javascript - Create-barcode demo - init project and create package.json

4. Skriv yarn add nodemon http bwip-js och tryck enter.

Din package.json borde se ut så här:

Skapa ett streckkods-api med javascript - Create-barcode demo - package.json verify

5. Skapa en ny fil som heter index.js och kopiera in koden:

Copy to Clipboard

6. Öppna package.json och skapa en ny sektion som heter scripts så här:

Skapa ett streckkods-api med javascript - Create-barcode demo - package.json final edit

7. Spara alla filer

8. I Terminal: ’yarn start’ och tryck enter. Det skall se ut så här:

Skapa ett streckkods-api med javascript - Create-barcode demo - terminal nodemon running index.js

Använd postman för att testa

Klicka på knappen New och välj HTTP.

Skapa ett streckkods-api med javascript - Create-barcode demo - Use postman to test

Skapa ett streckkods-api med javascript – Kopiera exempel URL och klistra in i input efter GET

Exempel:

Copy to Clipboard
Skapa ett streckkods-api med javascript - Create-barcode demo - Postman GET paste to input

Skapa ett streckkods-api med javascript – Klicka på Send

Du skall få detta resultatet:

Skapa ett streckkods-api med javascript - Create-barcode demo - Postman result

Eller testa i en webbläsare

  1. Öppna en webbläsare och klistra in
Copy to Clipboard

Alla kan inte koda sina egna system – det finns färdiga lösningar.

Även om detta är ett bra exempel på hur man kan skapa ett streckkods-api med javascript och sedan bygga in funktionen i sina befintliga rapportsystem eller appar så är det långt ifrån alla som har kunskap, vilja eller tid med att skapa och underhålla en in-houselösning. Därför finns det mjukvaror som gör det enkelt att automatiskt skapa etiketter, streckkoder osv utan kunskap eller behov av drift av system. Cloudlabel gör allt detta och mer därtill, läs mer på denna sidan eller boka in en tid för att prata vidare med oss om hur du enkelt kan komma vidare med streckkoder och spårbarhet

Kontakta oss

Frågor, funderingar eller idéer? Kontakta oss!