Polymère - Google Client Loader
Pour charger un client spécifique, l'API Google avec la bibliothèque client JavaScript Google-client-loader est utilisée.
Vous pouvez utiliser polymer_google-client-loader dans votre application, en exécutant la commande suivante pour l'installer dans le répertoire de votre projet.
bower install --save GoogleWebComponents/google-apis
Cette commande installera tous les éléments associés de polymer_google-client-loader dans le dossier bower_components.
Exemple
L'exemple suivant spécifie l'utilisation de polymer_google-client-loader dans Polymer.js. Créez un fichier index.html et ajoutez-y le code suivant.
<html>
<head>
<script src = "bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel = "import" href = "bower_components/google-apis/google-apis.html">
</head>
<body>
<div id = "loadedmsg"></div>
<template id = "googleclient" is = "dom-bind">
<google-client-loader id = "shortener"
name = "urlshortener"
version = "v1"
on-google-api-load = "loadedShortener">
</google-client-loader>
<google-js-api
on-js-api-load = "msgloaded">
</google-js-api>
<google-plusone-api
on-api-load = "msgloaded">
</google-plusone-api>
</template>
<script>
var googleclient = document.querySelector('#googleclient');
googleclient.loadedShortener = function(event) {
var request = event.target.api.url.get ({
shortUrl: 'http://goo.gl/fbsS'
})
request.execute(function(resp) {
});
};
googleclient.msgloaded = function(e) {
document.querySelector('#loadedmsg').innerHTML +=
e.target.localName + ' is loaded' + '<br>';
};
</script>
</body>
</html>
Production
Pour exécuter l'application, accédez au répertoire de projet créé et exécutez la commande suivante.
polymer serve
Ouvrez maintenant le navigateur et accédez à http://127.0.0.1:8081/. Voici la sortie.