En matière de développement web, il existe de plus en plus de services, souvent gratuits, qui permettent d'externaliser les ressources aussi bien sur la phase de développement que sur la phase de production, à tel point qu'on peut maintenant envisager de produire sans aucune infrastructure.

1. Développer sur le cloud
ou comment tout construire à partir de rien
Eric BREHAULT

2. Le cloud pour le développeur
Les services les plus connus

3. GitHub
http://github.com
●
●
Gestion du code source
mais surtout réseau social de développement

4. Travis-CI
https://travis-ci.org
●
●
●
Intégration continue
Éxécution sur une VM vierge
Intégré avec GitHub

5. Coveralls.io
https://coveralls.io
●
●
Couverture des tests
Intégré avec GitHub

6. Readthedocs
https://readthedocs.org/
●
●
Publication de la documentation
Intégré avec GitHub

7. Heroku
Plateform as a Service (Python, Java, Rails, Node.js)
$ heroku create sushi
Creating sushi... done
http://sushi.herokuapp.com/ | git@heroku.com:sushi.git
$ git push heroku master
----> Heroku receiving push
----> Rails app detected
----> Compiled slug size is 8.0MB
http://sushi.herokuapp.com deployed to Heroku

8. GitHub Pages
●
●
●
GitHub publie les contenus web des branches nommées gh-pages,
sites statiques uniquement,
mais utilisation native de Jekyll.

9. Pelican sur GitHub Pages
http://www.makina-corpus.org/blog/publish-your-pelican-blog-githubpages-travis-ci

10. Prose.io
●
●
Facilite la modification des pages Jekyll publiées sur GitHub Pages,
envoie les modifications sur GitHub directement.

11. Cas pratiques

12. VuDuCiel
http://vuduciel.loire-atlantique.fr/
●
●
●
Le frontal est servi par GitHub Pages.
Modifié via Prose.io.
Validé avec Travis.

13. VuDuCiel
On a créé nous-même les services manquants:
●
●
●
recherche d'adresses,
impressions / screenshots,
serveur de tuiles.
et le frontal reste statique.

14. Album des territoires en Dordogne
http://album-des-territoires.cauedordogne.com/
http://album-des-territoires.cauedordogne.com/#1/urbanisme
●
●
Le frontal est servi par GitHub Pages et modifié via Prose.io.
Mise à disposition des images et des données cartographiques dans
une arborescence de répertoires.

15. OK mais pourquoi ?

16. Pas d'infrastructure
On ne s'occupe pas de maintenir des serveurs.

17. Puissance des back-end
GitHub, Amazon S3, Google Docs sont des services solides, difficiles à
égaler par nos propres moyens.

18. Pas (ou peu) de frais
Beaucoup de ces services sont gratuits.
Les formules payantes sont progressives.

19. Les sites statiques, c'est simple
Les CMS sont intéressants pour gérer des grandes quantités
d'information.
Mais en contre-partie, ils imposent de nombreuses contraintes et
manquent de flexibilité.

20. Les APIs

21. OAuth.io
OAuth.initialize('Public key');
OAuth.popup('facebook', function(err, result) {
result.get('/me').done(function(data) {
// data is the API call's response.
// e.g. data.name for your facebook's fullname.
});
});

22. Yahoo!QL
http://developer.yahoo.com/yql/console
select * from html where url="http://makina-corpus.com"

23. GitHub API
GET /repos/:owner/:repo/git/commits/:sha
POST /repos/:owner/:repo/git/commits
GET /search/repositories

24. Exemple d'utilisation
https://github.com/makinacorpus/github-pages-editor
Extension Chrome client-side pour modifier un site GitHub Pages.

25. Makina Corpus
For all questions related to this talk,
please contact Éric Bréhault
eric.brehault@makina-corpus.com
Tel : +33 534 566 958
www.makina-corpus.com