https://github.com/anayarojo/ionic-scanner
Aplicación hecha en ionic 4 para scanear codigos de barra y QR
https://github.com/anayarojo/ionic-scanner
in-app-browser ionic ionic-scanner ionic-storage mapbox
Last synced: 24 days ago
JSON representation
Aplicación hecha en ionic 4 para scanear codigos de barra y QR
- Host: GitHub
- URL: https://github.com/anayarojo/ionic-scanner
- Owner: anayarojo
- License: mit
- Created: 2019-05-15T03:34:52.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-18T14:32:06.000Z (about 7 years ago)
- Last Synced: 2025-01-27T22:47:18.876Z (over 1 year ago)
- Topics: in-app-browser, ionic, ionic-scanner, ionic-storage, mapbox
- Language: TypeScript
- Size: 1.23 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Ionic scanner
Aplicación hecha en ionic 4 para scanear codigos de barra y QR
```
ionic start scanner tabs
```
## Barcode scanner implementation
```
ionic cordova plugin add phonegap-plugin-barcodescanner
npm install @ionic-native/barcode-scanner
```
### Example
```typescript
import { BarcodeScanner } from '@ionic-native/barcode-scanner/ngx';
constructor(private barcodeScanner: BarcodeScanner) { }
...
this.barcodeScanner.scan().then(barcodeData => {
console.log('Barcode data', barcodeData);
}).catch(err => {
console.log('Error', err);
});
```
### Documentation
https://ionicframework.com/docs/native/in-app-browser#installation
```
ionic g service services/storage
ionic g service services/utilities
```
## Storage implementation
```
ionic cordova plugin add cordova-sqlite-storage
npm install --save @ionic/storage
```
### Example
```
import { IonicStorageModule } from '@ionic/storage';
@NgModule({
declarations: [
// ...
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
IonicStorageModule.forRoot()
],
bootstrap: [IonicApp],
entryComponents: [
// ...
],
providers: [
// ...
]
})
export class AppModule {}
```
```
import { Storage } from '@ionic/storage';
export class MyApp {
constructor(private storage: Storage) { }
...
// set a key/value
storage.set('name', 'Max');
// Or to get a key/value pair
storage.get('age').then((val) => {
console.log('Your age is', val);
});
}
```
### Documentation
https://ionicframework.com/docs/building/storage
## In app browser implementation
```
ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser
```
### Example
```typescript
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
constructor(private iab: InAppBrowser) { }
...
const browser = this.iab.create('https://ionicframework.com/');
browser.executeScript(...);
browser.insertCSS(...);
browser.on('loadstop').subscribe(event => {
browser.insertCSS({ code: "body{color: red;" });
});
browser.close();
```
### Documentation
https://ionicframework.com/docs/native/in-app-browser
```
ionic g page pages/map
```
## File implementation
```
ionic cordova plugin add cordova-plugin-file
npm install @ionic-native/file
```
### Documentation
https://ionicframework.com/docs/native/file
## Email implementation
```
ionic cordova plugin add cordova-plugin-email-composer
npm install @ionic-native/email-composer
```
### Example
```typescript
import { EmailComposer } from '@ionic-native/email-composer/ngx';
constructor(private emailComposer: EmailComposer) { }
...
this.emailComposer.isAvailable().then((available: boolean) =>{
if(available) {
//Now we know we can send
}
});
let email = {
to: 'max@mustermann.de',
cc: 'erika@mustermann.de',
bcc: ['john@doe.com', 'jane@doe.com'],
attachments: [
'file://img/logo.png',
'res://icon.png',
'base64:icon.png//iVBORw0KGgoAAAANSUhEUg...',
'file://README.pdf'
],
subject: 'Cordova Icons',
body: 'How are you? Nice greetings from Leipzig',
isHtml: true
}
// Send a text message using default options
this.emailComposer.open(email);
```
### Documentation
https://ionicframework.com/docs/native/email-composer