https://github.com/doo/scanbot-barcode-scanner-sdk-example-cordova-ionic
Fast and reliable Ionic and Cordova barcode scanner library
https://github.com/doo/scanbot-barcode-scanner-sdk-example-cordova-ionic
barcode barcode-reader barcode-scanner barcode-scanning cordova css example html ionic javascript library pdf417 plugin qrcode reader scan scanner scanning sdk typescript
Last synced: 6 months ago
JSON representation
Fast and reliable Ionic and Cordova barcode scanner library
- Host: GitHub
- URL: https://github.com/doo/scanbot-barcode-scanner-sdk-example-cordova-ionic
- Owner: doo
- Created: 2020-02-06T11:19:34.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2025-03-20T11:27:32.000Z (7 months ago)
- Last Synced: 2025-04-12T01:17:43.517Z (6 months ago)
- Topics: barcode, barcode-reader, barcode-scanner, barcode-scanning, cordova, css, example, html, ionic, javascript, library, pdf417, plugin, qrcode, reader, scan, scanner, scanning, sdk, typescript
- Language: TypeScript
- Homepage: https://scanbot.io/developer/cordova-barcode-scanner-plugin/
- Size: 3.79 MB
- Stars: 29
- Watchers: 7
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Example App for the Scanbot Cordova Barcode Scanner SDK with the Ionic framework
This example app demonstrates how to integrate the Scanbot Barcode Scanner SDK into your Cordova application.
## What is the Scanbot Barcode Scanner SDK?
The Scanbot [Barcode Scanner SDK](https://scanbot.io/barcode-scanner-sdk/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites) is a simple and intuitive plugin that allows you to turn smartphones into fast and reliable barcode scanners.
It operates entirely offline on the user's device and takes only 0.04 seconds to scan barcodes. Scans are accurate even under challenging conditions, including damaged, small, or distant barcodes and low-light environments.
The plugin can be integrated into your app within minutes and comes with Ready-To-Use UI components, which allow you to customize the barcode scanner to your needs.
💡 For more details about the Scanbot Barcode Scanner SDK for Cordova, please check out our [documentation](https://docs.scanbot.io/barcode-scanner-sdk/cordova/introduction/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites).
## How to run the example app
### Installation
Install the latest versions of [Cordova CLI](https://cordova.apache.org/) and [Ionic CLI](https://ionicframework.com/). Fetch this repository and navigate to the project directory.
```
cd scanbot-barcode-scanner-sdk-example-cordova-ionic/
```
Install node modules:
```
npm install
```
Install Cordova platforms and plugins (defined in the `config.xml` of this app):
```
ionic cordova prepare
```
Check installed platforms and plugins:
```
ionic cordova platform ls
ionic cordova plugin ls
```
You should see *Android* and *iOS* as installed platforms and *cordova-plugin-scanbot-barcode-scanner* as an installed plugin.
Connect a device via USB and run the app.
**Android:**
```
ionic cordova run android
```
**iOS:**
```
ionic cordova prepare ios
```
Open the **workspace** (!) `platforms/ios/Barcode Scanner SDK Example Ionic.xcworkspace` in Xcode and adjust the *Signing* and *Provisioning* settings. Then, build and run the app in Xcode.
### Troubleshooting
If scanning failed, check the following:
* Confirm that your app has the necessary permissions to use the camera.
* Check if the correct barcode types are enabled in the SDK settings.
## Supported barcodes
The Scanbot Cordova barcode scanner supports all common 1D- or 2D barcode types, such as QR codes, or Aztec Codes, as well as multiple postal symbologies, including:
| Barcode type | Barcode symbologies |
|:-------------------|:---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1D Barcodes | [EAN](https://scanbot.io/barcode-scanner-sdk/ean/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_site), [UPC](https://scanbot.io/barcode-scanner-sdk/upc/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [Code 128](https://scanbot.io/barcode-scanner-sdk/code-128/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [GS1-128](https://scanbot.io/barcode-scanner-sdk/gs1-128/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [Code 39](https://scanbot.io/barcode-scanner-sdk/code-39/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [Codabar](https://scanbot.io/barcode-scanner-sdk/codabar/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [ITF](https://scanbot.io/barcode-scanner-sdk/itf-code/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), Code 25, Code 32, Code 93, Code 11, MSI Plessey, Standard 2 of 5, IATA 2 of 5, Databar (RSS), GS1 Composite |
| 2D Barcodes | [QR Code](https://scanbot.io/glossary/qr-code/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [Micro QR Code](https://scanbot.io/barcode-scanner-sdk/micro-qr-code/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [Aztec Code](https://scanbot.io/barcode-scanner-sdk/aztec-code/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [PDF417 Code](https://scanbot.io/barcode-scanner-sdk/pdf417/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [Data Matrix Code,](https://scanbot.io/barcode-scanner-sdk/data-matrix/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites) [GiroCode](https://scanbot.io/glossary/giro-code/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [NTIN Code](https://scanbot.io/glossary/gtin/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [PPN](https://scanbot.io/glossary/ppn/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [UDI](https://scanbot.io/glossary/udi/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), [Royal Mail Mailmark](https://scanbot.io/barcode-scanner-sdk/royal-mail/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites), MaxiCode |
| Postal Symbologies | USPS Intelligent Mail (IMb), Royal Mail RM4SCC Barcode, Australia Post 4-State Customer Code, Japan Post 4-State Customer Code, KIX |
💡 Please visit our [docs](https://docs.scanbot.io/barcode-scanner-sdk/cordova/supported-barcodes/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites) for a complete overview of the supported barcode symbologies, as well as information on available data parsers for extracting structured barcode data.
## Additional information
### Guides and Tutorials
Integrating the Scanbot Cordova Barcode Scanner plugin into your Cordova app takes just a few minutes, and our step-by-step guides make the process even easier.
💡 Our [Ionic Cordova Barcode Scanner tutorial](https://scanbot.io/techblog/cordova-barcode-scanner-tutorial-how-to-integrate-our-scanning-functionalities/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites) walks you through the integration process step by step. Follow along to implement a powerful barcode scanning feature quickly.
Alternatively, check out our [developer blog](https://scanbot.io/techblog/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites) for a collection of in-depth tutorials, use cases, and best practices.
### Free integration support
Need help integrating our Barcode Scanner SDK into your Cordova project? We offer [free developer support](https://docs.scanbot.io/support/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites) via Slack, MS Teams, or email.
As a customer, you also get access to a dedicated support Slack or Microsoft Teams channel to talk directly to your Customer Success Manager and our engineers.
### Licensing and pricing
The barcode scanner example app will run for one minute per session without a license. After that, all functionalities and UI components will stop working.
To try the Barcode Scanner without the one-minute limit, you can request a free, no-strings-attached [7-day trial license](https://scanbot.io/trial/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites).
Our pricing model is simple: Unlimited barcode scanning for a flat annual license fee, full support included. There are no tiers, usage charges, or extra fees. [Contact](https://scanbot.io/contact-sales/?utm_source=github.com&utm_medium=referral&utm_campaign=dev_sites) our team to receive your quote.
### Other supported platforms
Besides Cordova, the Scanbot Barcode Scanner SDK is also available on:
* [Android (native)](https://github.com/doo/scanbot-barcode-scanner-sdk-example-android)
* [iOS (native)](https://github.com/doo/scanbot-barcode-scanner-sdk-example-ios)
* [JavaScript (web)](https://github.com/doo/scanbot-barcode-scanner-sdk-example-web)
* [React Native](https://github.com/doo/scanbot-barcode-scanner-sdk-example-react-native)
* [Flutter](https://github.com/doo/scanbot-barcode-scanner-sdk-example-flutter)
* [Capacitor & Ionic](https://github.com/doo/scanbot-barcode-scanner-sdk-example-capacitor-ionic)
* [.NET MAUI](https://github.com/doo/scanbot-barcode-sdk-maui-example)
* [Compose Multiplatform / KMP](https://github.com/doo/scanbot-barcode-scanner-sdk-example-kmp)
* [Xamarin & Xamarin.Forms](https://github.com/doo/scanbot-barcode-scanner-sdk-example-xamarin)
* [UWP](https://github.com/doo/scanbot-barcode-scanner-sdk-example-windows)
* [Linux](https://github.com/doo/scanbot-sdk-example-linux)