abobossoftware / cordova-plugin-brother-label-printer Goto Github PK

When i print with Bluetooth the label is printing twice (Duplicated).

Thank you for such a great plugin. I have however ran into a problem where the printer is not printing when the printViaSDK function is called.

Context
The printer is a Brother QL-820NWB Label Printer. The label printer is connected via wifi and the android tablet is using wifi to connect to the printer. I have successfully setPrinter prior to calling the printViaSDK so I do know that the printer is being communicated with. The issue rises when I use the code below:

The code below converts the text variable to a bitmap using the function renderBitmapFromString. Please let me know if I am using this function wrong? Is the bitmap incorrect?

`const text = "Hello\nWorld!";
const bitmap = renderBitmapFromString(text, 200, 100);

var bitmap_image_index = bitmap.lastIndexOf(",");
console.log(bitmap.substring(bitmap_image_index + 1));
window.plugin.brotherPrinter.printViaSDK(bitmap.substring(bitmap_image_index + 1), () => {
console.log("printed");
});

const renderBitmapFromString = (string, width, height) => {
const canvas = document.createElement('canvas');
canvas.width = width;
canvas.height = height;
const ctx = canvas.getContext('2d');

// Clear the canvas
ctx.clearRect(0, 0, canvas.width, canvas.height);

// Set font and text alignment
ctx.font = '20px Arial';
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';

// Split the string into lines
const lines = string.split('\n');

// Calculate line height
const lineHeight = height / lines.length;

// Draw each line
lines.forEach((line, index) => {
// Calculate Y position for the line
const y = (index + 0.5) * lineHeight;
// Draw the text
ctx.fillText(line, width / 2, y);
});

// Convert the canvas to a bitmap image
const bitmap = canvas.toDataURL();
return bitmap;
}
`

I am currently developing a program that will be sending mass prints to the label printer QL-820NWB. Is there any possible queueing feature?

When I try to build my iOS Cordova app after installing this plugin I now get the following error.

Any help would greatly be appreciated.

ld: symbol(s) not found for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)

xcodebuild: Command failed with exit code 65

Gathering ideas about how to have this plugin not use any native library.
This would make the plugin easier to manage and releasing on the Google/Apple store would be smoother and one will not need to worry about hardware architecture

Most printers support ,
Raw Port, IPP , AirPrint etc.
So, we should be able to avoid using the native libs provided in the SDK.
The idea is to have your label as an image (HTML canvas -> png) or PDF and send it directly to the printer

This is nothing new and has already been done in:

• https://github.com/RamyTalal/Label-Printer (PHP)
• https://github.com/driehle/node-brother-label-printer (NodeJS)

Hello team,

Really appreciate your work on this plugin. I am using Brother QL1110nWB label printer, it is not in the list of supported printers in the readme file of this repo. I get an empty array when searching for newtworked or bluetooth printers. I can however connect to this printer on the official Brother label printer app on android. Does this mean that the empty array from doing findNetworkedPrinters() is because the QL1110nWB series is not supported by this plugin?

While browsing through the other opened issues in this repository I saw multiple mentions of passing the printer that you want to find in the findNetworkedPrinter() call. Checking on the js code it does not accept any arguements except for success and failiure callbacks.. could you clarify how (if needed), or where we need to include the model number. I am referring to adding the printer model to the "supported list" as suggested by @robr2112 in: #28 (comment)

Lastly, the sample code does not include the part where findPrinter() is called, it directly is setting the printer, is it assumed that we run findPrinter() before that sample code?

Looking forward to your response,
Regards
Samrat

I see there is a list of supported label names, but where do I find on the actual label itself what it is? The only thing i see is dk-2251

What's the best method for printing labels out in pixels? I have a dk-2205 label right now, I want to have a label designer on my website, but there is no clear cut method for converting pixels to whatever this is measured in.

The below error appears when printing on Android 12 or above

Failed to print:
java.lang.SecurityException: Need android.permission.BLUETOOTH_CONNECT permission for android.content.AttributionSource@879bf1d0: AdapterService getBondedDevices
	at android.os.Parcel.createExceptionOrNull(Parcel.java:2426)
	at android.os.Parcel.createException(Parcel.java:2410)
	at android.os.Parcel.readException(Parcel.java:2393)
	at android.os.Parcel.readException(Parcel.java:2335)
	at android.bluetooth.IBluetooth$Stub$Proxy.getBondedDevices(IBluetooth.java:3379)
	at android.bluetooth.BluetoothAdapter.getBondedDevices(BluetoothAdapter.java:2502)
	at com.brother.ptouch.sdk.connection.BluetoothConnection.getPrinterDevice(BluetoothConnection.java:238)
	at com.brother.ptouch.sdk.connection.BluetoothConnection.open(BluetoothConnection.java:56)
	at com.brother.ptouch.sdk.Printer.init(Printer.java:2215)
	at com.brother.ptouch.sdk.Printer.startCommunication(Printer.java:2350)
	at com.brother.ptouch.sdk.printdemo.printprocess.BasePrint$PrinterThread.run(BasePrint.java:713)

Could you suggest me, any workaround /solution about this?
Currently, I'm developing an app, where users can choose how many copies want to print of the same "label".
So, I tought if it was a way to do this.

This code, actually works well in android but in iOS, after the "first print" says what I wrote above:

printLabel() {
    delay(1250)
    this.setAndPrint(this.printer, this.label)
 }

private setAndPrint(thePrinter: Printer, dataUrl: string) {
    console.debug(`===== in setAndPrint===`);

    cordova.plugins.brotherPrinter.setPrinter(thePrinter, (success) => {
        console.debug(`===== set printer ok`);
        this.loading.show('Printing..');

        let separatorIdx: number = dataUrl.indexOf(',');
        if (separatorIdx != -1)
            dataUrl = dataUrl.substring(separatorIdx + 1);

        cordova.plugins.brotherPrinter.printViaSDK(dataUrl, (success) => {
            console.debug(`===== in printViaSDK ok`);

            if(success && success['result'] && success['result'] != "ERROR_NONE" && success['result'].indexOf('ERROR') != -1) {
                console.error(`Printing on ${this.toString(thePrinter)} returned message : ${JSON.stringify(success)}`)
            }
            else {
                console.debug(`=====print via sdk ok!!!`)

                // Print number of copy selected by user.
                if(--this.copy > 0) {
                    this.printLabel();
                }
                else {
                    this.alert.show(Alert.type.OK, 'Label', 'Label has been printed, successfully!');

                    this.backModal();
                    this.navCtrl.navigateBack('/labels');
                }
            }

            this.loading.hide();

        }, (err) => {
            this.loading.hide();

            console.error(`Failed to print via sdk`);
            console.error(`Printing failed on ${this.toString(thePrinter)} with message : ${JSON.stringify(err)}`);

            this.alert.show(Alert.type.OK, 'Label', `Error: There was an error! Message: ${JSON.stringify(err)}`);
        });
    }, (err) => {
        this.loading.hide();

        console.error(`====error failed to set printer: "${JSON.stringify(err)}"`);
        console.error(`Failed to set printer to ${this.toString(thePrinter)} with message : ${JSON.stringify(err)}`);

        this.alert.show(Alert.type.OK, 'Label', 'Printer not ready, yet! Try again, please');
    });

    console.debug(`===== in setAndPrint END ===`);
}

Any helps, It would be very appreciated..

Thanks

Not able to detect P750W printer using all three methods findnetwork(), findprinter() and findbluetooth()

Printer: QL-820NWB
Label Size: W29H90

I can print the labels from an Android device successfully. However, I get an ERROR_WRONG_LABEL when trying to print from an iOS device. It looks like this plugin is using the Brother SDK version 3.1.1. I wasn't able to find the documentation for that specific SDK version. Based on the documentation from the Brother SDK version 3.1.12, the iOS label mapping are as follows:

QL Series:

In other words, we need to update the iOS label mappings in www/printer.js. (i.e. update from '29mmx90' to '29mmx90mm'.

Thanks for supporting this plugin!

Thanks for a great plugin!

I'm looping over some array and calling printLabel multiple times to print stickers, only the last call seems to succeed and then my App crashes. Any idea why that is? or I'm I doing something wrong?

Hello,
using this plugin with ionic v3 on Android and bluetooth connected QL-820NWB.
Installed is default label paper (I guess it is W62 endless).

Could you please give more detailed information about data format to be sent to printViaSDK?
I always get the ERROR_WRONG_LABEL, so obviously I am sending incorrect data to the printer.

Is there any command how to set the paper format? (perhaps via sendUSBConfig)?

I am trying to send base64encoded image (generated on https://www.base64-image.de/). Should the data be sent with 'data:image/png;base64,' prefix on without? Are there any size or proportions requirements? Could you please give some working base64encoded image example?

Thank you!

Hello, I'm starting using this cordova plugin. I got some problems when trying to detect devices.
I'm working with Ionic 5+ and I'm just using this code :

Top of file :

declare var cordova: any;

In my ngOnInit():

    cordova.plugins.brotherPrinter.findNetworkPrinters((data) => {
      alert(JSON.stringify(data));
    }, (error) => {
      alert(error);
    });

My 2 label printers are on same network but the code above is returning an empty array.

Does anyone has an idea ?

Thanks.

EDIT :

I just achieved to detect my QL810W by modifying Info.plist on iOS.

Now when I try to print after setting the the printer, the console returns me :

ERROR: Printing failed on ip:192.168.22.219, model:QL_810W, port: NET with message : "ERROR_INVALID_PARAMETER_"

Code :

cordova.plugins.brotherPrinter.findNetworkPrinters((data)=>{
        var printerResponse = data[0];
        var printer = {
          "model": printerResponse.model,
          "port": printerResponse.port,
          "modelName": printerResponse.modelName,
          "ipAddress": printerResponse.ipAddress,
          "macAddress": printerResponse.macAddress,
          "nodeName": printerResponse.nodeName,
          "location": ""
        }

        alert(JSON.stringify(printer));

        cordova.plugins.brotherPrinter.setPrinter(printer, function (success) {
          let base64Image = "data:text/plain;base64,TWFuIGlzIGRpc3Rpbmd1aXNoZWQ=";
          var imageString = base64Image.split(',')[1];

          cordova.plugins.brotherPrinter.printViaSDK(imageString, (data) => {
            alert('print success');
          }, (error)=> {
            alert('error:' + error);
          })
        });
      },(err)=>{
        alert("Error" + err);
   });

Any idea ? Thanks.

Currently, the printer name/type has to be specified in code.
We want to pass the printer name etc as parameter to printViaNetwork() and printViaBluetooth()

Hello Team,

Thanks for building this awesome plugin.

We are successfully able to print with QL 720 NW printer using this plugin. But recently, we tried with QL 820 NWB printer somehow the findNetworkPrinters() function is not returning any list of printer in the network.

Just to check if printer is connected properly, we tried printing a label using the Brother application(https://play.google.com/store/apps/details?id=com.brother.ptouch.iprintandlabel&hl=en_IN) and it worked perfectly fine.

We tried using tried finding printer via Bluetooth method also, but still an empty list comes.

I am currently stuck and not able to understand why the same code is able to detect QL-720-NW but not QL-820-NWB and in the ReadMe file i read it is tested on these two printers.

Any suggestions will be really helpful.

Regards,
Gaurav

At a quick glance, it seems that your main change with this fork was to add iOS capability to the original plugin. I was wondering which version of the iOS SDK you used, since the documentation doesn't mention it. (Hint: Please add info about this).

After reviewing the info.plist in the SDK Framework, it seems you are using v3.1.1, which is old (May 2017).

*** The latest version is v3.1.10 (April 2019), which compared to 3.1.1 has added support for several newer printer models, including RJ-4230B, RJ-4250WB, and TD-4550DNWB.

So, I am only suggesting that you should update this plugin to use the latest SDK.

Beware: iOS SDK v3.1.10 is now packaged as a "Dynamic" framework instead of a "Static" framework. All previous versions were Static. The Dynamic framework requires apps to "Add it to Embedded Binaries and Linked Frameworks and Libraries of your application target". So, your plugin will likely require a change to some settings to handle this. While this change is easy using Xcode, I don't know the details currently for how to change this inside the plugin package.

NOTE: I work for Brother Mobile Solutions.

I'm trying to integrate this into an ionic2 app with no luck.
Any suggestion/guidance.
I used
https://www.joshmorony.com/using-cordova-plugins-in-ionic-2-with-ionic-native/

I use findPrinters method to find any printer available but it seems in the last few weeks, I haven't been returning any printers. I have another ipad with ios 12.5.1 and it does return printers.

This worked perfectly on the previous iOS version. It no longer works as of 14 and returns an empty array. On a previous post someone mentioned adding Bonjour services which didn't work and it wasn't explained where to add them.

I love the plugin. it actually returns printers for me, but it won't return the label being used. am i missing something?

Hello and thank you for your work on this plugin so far.

I am currently facing a critical issue with the Bluetooth on this plugin. After calling findNetworkPrinters() or findBluetoothPrinters(), the method returns an empty array : [ ]

What I have tested so far:

• I have tested discovery through Wifi and it works well by returning the Printer's interface.

• I tried to hardcode the Bluetooth interface using the Printer's mac adress but the setPrinter() method returns the following: An error occurred while trying to set the printer.

Configuration

Printer : QL-820NWB
Mobile Phone : Google Pixel 1 - Android 10
Framework : Ionic 4

I really hope that someone can help me resolve this issue. Can this be linked to a depreceated SDK or a missing authorization for Bluetooth in my config.xml ?

Thank you for your support

We need to support the VC-500W
https://www.brother.co.uk/labelling/vc500w-office

The SDK https://www.brother.co.jp/eng/dev/mobilesdk/download/
does not seem to mention it

Any help will be appreciated

hi
I am getting following error after calling printViaSDK.

Error: "Unexpected Internal System Error: IllegalArgumentException"

using printer brother QL-1110NWB

this is my code
let image = "isbase64Image"; //sample actually use base64
cordova.plugins.brotherPrinter.printViaSDK(image, function (printResult) {
//var printResult = callback;
console.log(printResult);
},function (err){
console.log(err);
});
Thank you. please help

Trying to use this plugin in a CapacitorJs project,

Environment:

• MacOS Monterey
• Intel Core i5
• Xcode v13.3.1

Steps to reproduce:

npm install cordova-plugin-brother-label-printer
npx cap sync

Error
The 'Pods-App' target has frameworks with conflicting names: brlmprinterkit.framework.

Hello, i'dont know why it still doesn't work i have read this PR(#46) and this issue (#45) i have add a customPaperFilePath to my printer obj like that without success (I have the same label printer TD-2120N)

setPrinter: function (printer: any, onSuccess: any, onError:any) {
        if (cordova.platformId == 'ios' && printer['paperLabelName'] && printer['paperLabelName'].startsWith('W')) {
            var iosLabelName = IOS_PAPER_LABEL_MAP[printer['paperLabelName']];
            if (iosLabelName) {
                //console.log('Converting paperLabelName to ' + iosLabelName + ' for ios ');
                printer['paperLabelName'] = iosLabelName;
            }
        }

        if (printer['paperLabelName'] == 'CUSTOM') {
            printer.customPaperFilePath ='/public/media/brother/51x26/51x26.bin';
        }

        cordova.exec(onSuccess, onError, 'BrotherPrinter', 'setPrinter', [printer]);
    },

logs

To Native Cordova ->  BrotherPrinter setPrinter BrotherPrinter1723215947 ["options": [{
    customPaperFilePath = "public/media/brother/51x26/51x26.bin";
    ipAddress = "192.168.0.109";
    macAddress = "00:80:77:4d:e7:88";
    modelName = "Brother TD-2120N";
    orientation = LANDSCAPE;
    paperLabelName = CUSTOM;
    port = NET;
    serialNumber = B3G233707;
}]]

Thanks

I can no longer compile my application with this plugin installed. Anybody else encountering this issue?

Has anyone been able to use this plugin with the new Google 64bit rule?
https://developer.android.com/distribute/best-practices/develop/64-bit

Thank you for all your previous help.
I have ran into an issue where the text is coming out blurry. The code I am currently using is the following show below:
`
const canvas = document.createElement('canvas');
canvas.width = "100";
canvas.height = "100";
const ctx = canvas.getContext('2d');
ctx.font = '5px Arial';
ctx.fillStyle = "black";
ctx.fillText('John Doe', 5, 15);
ctx.fillText('#4460', 5, 20);
ctx.fillText('(1/3)', 5, 25);

ctx.font = '7px Arial';
ctx.fillStyle = "black";
ctx.fillText('Taro Milk Tea', (canvas.width / 2) - 50, (canvas.height / 2) - 15);
ctx.fillText('- Regular Ice', (canvas.width / 2) - 50, (canvas.height / 2));
ctx.fillText('- Low Sugar', (canvas.width / 2) - 50, (canvas.height / 2) + 15);
ctx.fillText('- Extra Boba', (canvas.width / 2) - 50, (canvas.height / 2) + 30);

// Add white background behind elements
ctx.globalCompositeOperation = 'destination-over'
ctx.fillStyle = "white";
ctx.fillRect(0, 0, canvas.width, canvas.height);

//get the bitmap and encode it
const dataUrl = canvas.toDataURL();
var bitmap_beginning_index = dataUrl.lastIndexOf(",");
var bitmap_encoded = dataUrl.substring(bitmap_beginning_index + 1);

//send to print
window.plugin.brotherPrinter.printViaSDK(bitmap_encoded, (status) => {
console.log("printed: ", JSON.stringify(status));
});
`

The issue is that I began with a larger size and then started lowering the size but noticed that the resolution began to also decrease until it is basically unreadable.
Any help is appreciated.
Thank you,

Is there a version for react native?

After removing the old plugin and upgrading, i can no longer build my app. Why the heck don't things just work on iOS? lol

Thank you for your great work regarding this Cordova plugin. I am currently trying to print a label via a QL-820NWB printer. For this, I have installed the plugin as recommended via your README and added it to my config.xml with

    <plugin name="cordova-plugin-brother-label-printer" spec="*" />

When I build my Cordova app and deploy it to Android, the function findPrinters() works and identifies my printer via WLAN:

{
   "model":"QL_820NWB",
   "port":"NET",
   "modelName":"Brother QL-820NWB",
   "ipAddress":"192.168.178.71",
   "macAddress":"74:40:BB:86:80:B6",
   "nodeName":"BRW7440BB8680B6",
   "location":""
}

However, when I then select a printer and use printViaSdK() to print a base64-encoded PNG image, my app crashes. I retrieved the following errors via adb logcat:

04-15 22:24:10.880  8136  8237 W PluginManager: THREAD WARNING: exec() call to BrotherPrinter.printViaSDK blocked the main thread for 17ms. Plugin should use CordovaInterface.getThreadPool().
04-15 22:24:10.892  8136  8909 E AndroidRuntime: FATAL EXCEPTION: Thread-15
04-15 22:24:10.892  8136  8909 E AndroidRuntime: Process: de.my.app.checkin, PID: 8136
04-15 22:24:10.892  8136  8909 E AndroidRuntime: java.lang.UnsatisfiedLinkError: dalvik.system.PathClassLoader[DexPathList[[zip file "/data/app/de.my.app.checkin-hnUyY5_UMfrs0UA8aL6xTA==/base.apk"],nativeLibraryDirectories=[/data/app/de.my.app.checkin-hnUyY5_UMfrs0UA8aL6xTA==/lib/x86, /system/lib, /vendor/lib]]] couldn't find "libcreatedata.so"
04-15 22:24:10.892  8136  8909 E AndroidRuntime: 	at java.lang.Runtime.loadLibrary0(Runtime.java:1011)
04-15 22:24:10.892  8136  8909 E AndroidRuntime: 	at java.lang.System.loadLibrary(System.java:1657)
04-15 22:24:10.892  8136  8909 E AndroidRuntime: 	at com.brother.ptouch.sdk.JNIWrapper.<clinit>(JNIWrapper.java:16)
04-15 22:24:10.892  8136  8909 E AndroidRuntime: 	at com.brother.ptouch.sdk.JNIWrapper.init(JNIWrapper.java:94)
04-15 22:24:10.892  8136  8909 E AndroidRuntime: 	at com.brother.ptouch.sdk.Printer.setPrinterInfo(Printer.java:1048)
04-15 22:24:10.892  8136  8909 E AndroidRuntime: 	at com.brother.ptouch.sdk.printdemo.printprocess.BasePrint.setPrinterInfo(BasePrint.java:66)
04-15 22:24:10.892  8136  8909 E AndroidRuntime: 	at com.brother.ptouch.sdk.printdemo.printprocess.BasePrint$PrinterThread.run(BasePrint.java:482)
04-15 22:24:10.899  1662  5468 W ActivityManager:   Force finishing activity de.evis_solutions.app.checkin/.MainActivity
04-15 22:24:10.904  8136  8136 D CordovaActivity: Paused the activity.

Any ideas what could go wrong here? To me it looks like the file has been moved to the Android project:

Thanks for your help!

Hi @arcadius
Thanks for the merge earlier, I just want to fund out how can this be used in HTML 5
I've added this on my device-ready, but says method brotherPrinter does not exist..
cordova.plugins.brotherPrinter.printLabel(img, { "numberOfCopies": 1, "orientation": "LANDSCAPE", "labelName": "W62RB", "modelName": "RJ-4040", "port": "NET" })

Thank you

Hello,

I am trying to print a label on a TD2120N model.

However, when trying to print I get this error: ERROR_WRONG_CUSTOM_INFO_

After researching the documentation, I came across this: https://support.brother.co.jp/j/s/support/html/mobilesdk/reference/ios/brptouchprinter.html#connection_type

So the problem is "Incorrect custom paper settings". I started to try to find by myself where the problem comes from and I have the impression that the plugin does not embed the part that allows to define a custom paper (I specify that I have changed the paperLabelName to "CUSTOM").

Do you have any ideas for me as to the additional parameters to be entered as well as the type of value to give to these parameters?

Thank you !

Regards.

Anyone else having this issue?

Cannot find framework "/plugins/cordova-plugin-brother-label-printer/src/ios/libs/BRPtouchPrinterKit.framework" for plugin cordova-plugin-brother-label-printer in iOS platform

When scanning for bluetooth printers, i get a system dialog popup with the list. If I search using the method "findPrinters" it refers to bluetooth printers like they should popup in the array and not in a system dialog box. This is not the case. Nothing happens with bluetooth. Is this normal?

Please help us printing 29mm x 90.3mm paper label and giving error code =-41

Hello, I'm getting the following error when attempting to add the plugin to my project:

Failed to fetch plugin git+https://github.com/MenelicSoftware/cordova-plugin-brother-label-printer.git via registry.
Probably this is either a connection problem, or plugin spec is incorrect.
Check your connection and plugin name/version/URL.
Could not determine package name from output:
audited 69 packages in 34.607s

Thoughts? Thanks!

Any chance you could update the library with the latest drivers from Brother?

There are new types of printers that are unsupported by the current version.

Hello, I'm trying to use the API v4 for QL-820NWBc and using the roll that comes with the printer which is a "62mmRB" the problem is whatever I try I cannot set the length of the label? I've noticed on the Brother iOS app that you can set the "exact tape length" but I have not found any option to do on the SDK.

It works with my printer. Please see: #30

Note: It would be fine if the AndroidManifest add Bluetooth permission as well. I haven't added it because I'm not sure why it isn't included:

<platform name="android">
    <allow-intent href="market:*" />
    <config-file parent="/manifest" target="AndroidManifest.xml">
        <uses-permission android:name="android.permission.BLUETOOTH" />
        <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" />
    </config-file>
</platform>

Where am I supposed to put the PID?

I am trying to use this plugin with capacitor.

I have followed instruction to run:

npm install cordova-plugin-brother-label-printer

I have then ran npx cap sync to which I get this:

⠙ update ios [info] Found 1 Cordova plugin for ios:
[email protected]

From this point, how do I call the function such as findPrinters within the www/printers.js.

I am about to yeet myself out of a window...

How would I use this in a Ionic Capacitorjs project?