Voila c'est fait... un peu de développement pour un peu de résultat. Un petit site qui n'a pas encore une grande utilité mais qui sait... avec quelques fonctionnalités de plus y a moyen ou pas que cela intéresse un peu de monde. Enfin l'objectif c'est de tester des nouvelles technologies :
Pour le frontal :
- React Material
- Design Lite
- Google Web Starter Kit
J'ai parlé de tout cela dans un précédent billet.
Pour la partie serveur :
- Google Application Engine (GAE) avec le développement d'un Endpoint.
- OAuth de google, oui il faudra un compte google pour accéder à l'application
- Le Datastore de Google avec Objectify
Et tout l'écosystème qui en dérive, stockage des données, authentification OAuth2, API management... et la console de google developer.
La bonne nouvelle c'est que cela marche assez facilement après quelques mises au point avec les outils et l'environnement de développement qui mock l'utilisateur, il faut donc prévoir un horrible code pour gérer cela :
if (user.getEmail().equalsIgnoreCase( "example@example.com" ))
Oui en mode développement on a pas accès au vrai profile de l'utilisateur.
Sinon je n'ai presque rien à dire... le client javascript du GAE Endpoint est généré à la volé par les API google donc pas de soucis particulier pour générer des requêtes, tout est masqué en fait :
gapi.client.countingit.countersAPI.count({'counterId':12345,'countTime':date }).execute(
function(resp) {
if (!resp.code) {
this.setState({data:resp.result});
}
else{
console.error(resp, status, err.toString());
}
});
Et c'est assez simple à intégrer avec le fonctionnement de React. Le petit détail est de s'assurer que les API google client sont bien chargées et cela prend du temps avant de tenter des requêtes au serveur.
Bref beaucoup plus de souci entre MDL et React côté interface que côté serveur et appels de services REST.
Voila la bête : https://onlinetallycounter.capverszero.fr
