Tuto Cordova

Les plugins Cordova

Le framework Cordova peut s'utiliser seul sans problèmes lorsqu'il est question de créer une applications qui ne fait appel qu'au HTML et au Javascript (à l'image d'un site web classique). On a cependant besoin d'utiliser un plugin lorsqu'il est question d'atteindre et d'utiliser des fonctionnalités natives du smartphone (Android ou Iphone). Par exemple la géolocalisation, l'affichage de publicités, la conversion en PDF etc. Dans les articles qui suivent je vais tâcher de mettre en lumière les possibilités et la mise en oeuvre de certains plugins (ceux que j'utilise le plus souvent).

Ajouter une publicité

1) Créer un compte sur Google Admob
//https://admob.google.com/intl/fr/home/

2) Créer une publicité de type bannière ou un interstitiel et récupérer le code

3) à la racine de votre appli tapez:
cordova plugin add cordova-plugin-admob-free

4) Dans votre application, ajoutez ces lignes de code (exemple de création d'un interstitiel):

//Côté HTML:
<div id="declencheur" >Appuyer ici pour déclencher l'interstitiel</div>

//Côté Javascript:
	document.addEventListener('deviceready', function() {
		admob.interstitial.config({
			id: 'mettre ID de votre interstitiel ADMOB',
			isTesting: true,
			autoShow: false,
		})
		admob.interstitial.prepare()

		document.getElementById('declencheur').disabled = true
		document.getElementById('declencheur').onclick = function() {
			admob.interstitial.show()
		}
	}, false)

	document.addEventListener('admob.interstitial.events.LOAD_FAIL', function(event) {
	  console.log(event)
	})

	document.addEventListener('admob.interstitial.events.LOAD', function(event) {
	  console.log(event)
	  document.getElementById('showAd').disabled = false
	})

	document.addEventListener('admob.interstitial.events.CLOSE', function(event) {
	  console.log(event)
	  admob.interstitial.prepare()
	})

Convertir une page HTML au format PDF

1) Télécharger le plugin add cordova-pdf-generator en tapant cette commande:
cordova plugin add cordova-pdf-generator

2) Placer le code en visant l'élément que vous souhaitez convertir au format PDF

//Côté HTML
<div id="lepdf">
    Ceci est la partie à imprimer
</div>

//Côté Javascript
pdf.htmlToPDF({
    data: document.getElementById("lepdf").innerHTML,
    documentSize: 'A4',
    landscape: 'portrait',
    type: 'share'
}, this.success, this.failure);