{"id":7879,"date":"2016-04-28T11:36:36","date_gmt":"2016-04-28T11:36:36","guid":{"rendered":"https:\/\/dev.railscarma.com\/volt-new-framework-ruby\/"},"modified":"2021-06-06T12:32:22","modified_gmt":"2021-06-06T12:32:22","slug":"volt-nouveau-cadre-ruby","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/fr\/blog\/articles-techniques\/volt-nouveau-cadre-ruby\/","title":{"rendered":"Volt \u2013 Un nouveau framework pour Ruby"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tVolt \u2013 un nouveau framework pour Ruby o\u00f9 les c\u00f4t\u00e9s serveur et client sont \u00e9crits en Ruby via OPAL (un compilateur Ruby vers JavaScript) afin que les d\u00e9veloppeurs puissent \u00e9crire des applications dynamiques sans \u00e9crire un seul code JavaScript. Volt est similaire \u00e0 Meteor mais il ne poss\u00e8de pas toutes les parties de Meteor.\n\nLa configuration de base pour Volt Framework<\/strong>\n\nInstallons Volt et cr\u00e9ons une application vide. Assurez-vous que Ruby (> 2.1.0) et Ruby Gems sont install\u00e9s.\n\nInstaller Volt Gem\u00a0:<\/strong>\n
gemme installer volts<\/blockquote>\nNous pouvons cr\u00e9er un nouveau projet en utilisant la gemme volt\u00a0:\n
volt nouveau sample_project<\/blockquote>\nLancez le serveur Web\u00a0:\n
bundle exec serveur volt<\/blockquote>\nOn peut acc\u00e9der \u00e0 la console Volt avec :\n
bundle exec console volts<\/blockquote>\nLe compilateur Opale<\/strong>\n\nLes applications Volt ex\u00e9cutent Ruby \u00e0 la fois sur le front-end et sur le back-end. Ainsi, l'instruction put dans une action du contr\u00f4leur appara\u00eet dans la fen\u00eatre du navigateur et non dans la console du terminal. Et aussi \u00e9crire du code Ruby pour le front-end avec Volt est tr\u00e8s simple. Le compilateur Opal traduit Ruby en JavaScript. Ce qui est \u00e9tonnant, c'est qu'il n'y a aucun processus de compilation \u00e0 suivre ni aucun outil de construction \u00e0 installer. Lorsque vous ex\u00e9cutez le serveur Volt, tout se passe en arri\u00e8re-plan. Aucune actualisation ni aucun red\u00e9marrage n'est n\u00e9cessaire lorsque vous modifiez le code et les donn\u00e9es.\n\nAppeler une alerte JavaScript avec Ruby<\/strong>\n
# Appel de fonctions JavaScript dans le module Ruby Classe principale MainController < Volt::ModelController # Appel\u00e9 depuis le front-end lors du chargement de la route \u00ab\u00a0todos\u00a0\u00bb. def todos alert 'totes stup\u00e9fient' fin fin fin<\/blockquote>\nSynchronisation facile via des mod\u00e8les r\u00e9actifs<\/strong>\n\nConcentrez-vous davantage sur cette partie lors de l\u2019apprentissage du volt. Volt::Model agit comme des objets Ruby de type hachage qui se synchronisent simultan\u00e9ment entre le front-end et le back-end. Habituellement, les mises \u00e0 jour du mod\u00e8le s'effectuent automatiquement. Le concept de \u00ab magasins \u00bb dans Volt est utilis\u00e9 pour synchroniser les donn\u00e9es d'application sous des formes persistantes et non persistantes. Et aussi un moyen uniforme de synchronisation des donn\u00e9es entre le stockage local, MangoDB, les cookies, les sessions et les param\u00e8tres d'URL.\n\nVoyons comment cr\u00e9er une application de chat en temps r\u00e9el de Ruby et HTML\u00a0:<\/strong>\n
# Cr\u00e9er un mod\u00e8le de donn\u00e9es persistant. Ceci est stock\u00e9 dans MongoDB. classe ChatMessage < Volt :: Fin du mod\u00e8le<\/blockquote>\nAfficher le code\u00a0:<\/strong>\n
<:Corps>
    {{ _chat_messages.each faire |msg| }}