High-speed, reliable bluetooth ESC thermal printer and encoder Capacitor plugin.
npm install capacitor-thermal-printercapacitor-thermal-printer
bash
npm install capacitor-thermal-printer --save
npx cap sync
`
$3
Open your iOS project in Xcode, then:
1. In the left sidebar, select your project (usually named "App").
2. Select your main target (usually also named "App").
3. Navigate to "Build Phases" tab.
4. Under "Copy Bundle Resources", click the "+" button and choose "Add Other..."
5. Navigate to the node_modules/capacitor-thermal-printer/ios/Plugin/Resources/ble_serial.plist file and select it
And voilĂ ! You're all set!
Example
Make sure to check the Ionic Angular example in the example folder.
$3
`ts
import { CapacitorThermalPrinter } from 'capacitor-thermal-printer';
`
$3
`ts
const device = await CapacitorThermalPrinter.connect({
address: 'XX:XX:XX:XX:XX:XX',
});
if (device === null) {
console.log('Woops, failed to connect!');
} else {
console.log('Connected!', device.name, device.address);
}
`
You can also use the startScan method to discover nearby devices.
- On Android, only printers will be discovered.
- On iOS, all bluetooth devices will be discovered.
`ts
CapacitorThermalPrinter.addListener('discoverDevices', (devices) => {
console.log('Discovered devices list:', devices);
});
await CapacitorThermalPrinter.startScan();
`
$3
`ts
await CapacitorThermalPrinter.begin()
.align('center')
.image('https://raw.githubusercontent.com/Malik12tree/capacitor-thermal-printer/main/assets/Logo-Black.png')
.bold()
.underline()
.text('The amazing store\n')
.doubleWidth()
.text('RECEIPT\n')
.clearFormatting()
.text('Item 1: $10.00\n')
.text('Item 2: $15.00\n')
.align('right')
.text('Total: $25.00\n')
.align('center')
.qr('https://example.com')
.barcode('UPC_A', '123456789012')
.cutPaper()
.write()
.then(() => console.log('Printed!'))
.catch((e) => console.error('Failed to print!', e));
``