Dans cet article, nous allons créer un site Web personnel à l'aide de rails et le déployer sur Heroku. Heroku est une plate-forme d'applications cloud - une nouvelle façon de créer et de déployer des applications Web. La meilleure chose à propos d'Heroku est que vous n'avez pas à payer pour l'hébergement d'applications Web de base, car Heroku les a classées comme gratuites. Nous allons créer une application de rails d'une seule page et ce sera un site Web statique qui peut être utilisé comme portefeuille.
Ci-dessous, un instantané de l'application rails (déployée sur Heroku Ici )
Commençons par créer cette application Rails. Je suppose que vous avez déjà installé Ruby and Rails. Assurez-vous d'avoir Ruby 2.0 et Rails 4.2.2. Vous pouvez vérifier la version à partir de l'invite de commande.
Remarque: nous utiliserons Ruby 2.0 et Rails 4.2.2. Si vous avez des versions différentes de Ruby et Rails, certaines des étapes présentées dans cet article peuvent ne pas fonctionner pour vous.
Création du projet:
Nous nommerons notre projet comme site Web. Pour créer le projet, utilisez la commande Rails nouveau site Web
Rails générera automatiquement tous les fichiers et installera également toutes les gemmes requises en exécutant le bundle d'exécution installé automatiquement comme indiqué ci-dessous
Vous verrez maintenant un dossier de site Web sous votre lecteur C: (l'emplacement à partir duquel nous avons exécuté la nouvelle commande de site Web de Rails). Ouvrons le dossier du site Web dans un IDE. J'ai Brackets IDE d'Adobe. Vous pouvez utiliser n'importe quel autre car cela n'a pas d'importance.
Structure du projet:
La structure du projet généré ressemblera à ci-dessous
Même si nous n'avons écrit aucun code, vous pouvez exécuter l'application de site Web dès maintenant. Pour exécuter l'application de site Web, exécutez la commande de Rails à partir du dossier de site Web comme indiqué ci-dessous
Comme vous pouvez le voir dans l'instantané ci-dessus, notre application de site Web a été déployée àhttp: // localhost: 3000
Vous pourrez voir l'écran ci-dessous en accédant à l'URLhttp: // localhost: 3000
Mais nous voulons afficher la page principale de notre application sur l'accès à l'URLhttp: // localhost: 3000 /.Pour cela, créons une page index.html dans le dossier public de notre projet de site Web.
Remarque: Rails servira automatiquement la page index.html lors de l'accès à l'URL racinehttp: // localhost: 3000
Pour le moment, nous n'avons qu'une seule ligne dans la page index.html.
Accédons à l'URL racinehttp: // localhost: 3000
Maintenant, mettons un peu de vie dans notre page index.html en ajoutant quelques images - JS et CSS sympa. Nous utiliserons le thème en niveaux de gris dès le démarrage du bootstrap.
Thème Bootstrap de démarrage en niveaux de gris -
Vous trouverez ci-dessous un instantané du thème d'amorçage de démarrage en niveaux de gris que nous utiliserons. Nous personnaliserons ce thème pour répondre à nos besoins.
Vous pouvez télécharger ce thème depuis http://startbootstrap.com/template-overviews/grayscale/
Téléchargez le thème en niveaux de gris et copiez le CSS, font-awesome, fonts, img, JS et index.html dans le répertoire public du projet de site Web. Vous trouverez ci-dessous l'instantané du projet après l'ajout de CSS, JS, polices, dossier images et page index.html dans le répertoire public du projet de site Web.
Lançons maintenant notre projet de site Web:
Lors de l'exécution du projet, une belle page de thème en niveaux de gris vous sera présentée.
Nous modifierons la page index.html (sous l'annuaire public du projet de site Web) pour lui donner un aspect professionnel.
Vous trouverez ci-dessous un aperçu du projet de site Web après avoir effectué les modifications dans la page index.html. Nous venons de changer les images et d'éditer une partie du texte pour le rendre spécifique à un individu.
Vous pouvez modifier l'index.html et l'échelle de gris.CSS à votre guise. Nous sommes maintenant prêts à déployer notre application de site Web sur Heroku.
Pousser le code vers Github:
Avant de déployer l'application sur Heroku, nous devons pousser notre code vers un référentiel Github distant. Pour cela, vous avez besoin d'un compte Github. Si vous ne possédez pas de compte Github, créez-en un à l'adresse www.github.com .
Vous devez également installer Github sur votre Windows. Téléchargez le Github pour Windows à partir de https://windows.github.com/ .
Une fois que vous avez téléchargé et installé le Github sur votre machine, ouvrez l'application Github et configurez vos informations d'identification Github et choisissez le shell Git Bash comme shell par défaut (vous pouvez choisir n'importe quelle autre option également comme vous le souhaitez), puis enregistrez les modifications.
Vous devez créer un référentiel sur Github, où nous enregistrerons notre projet de site Web à distance. Pour créer un référentiel, connectez-vous à Github et cliquez sur la nouvelle option de référentiel affichée dans le bouton vert.
Nommez votre référentiel (dans ce cas, nous l'avons nommé railtoheroku) et cliquez sur le lien Créer un référentiel comme indiqué ci-dessous.
Github fournira l'URL distante ( https://github.com/eMahtab/railtoheroku.git dans ce cas) pour le référentiel railtoheroku qui sera nécessaire lors du transfert du code de la machine locale vers Github.
Maintenant, nous sommes prêts à transmettre le code de notre projet de site Web à Github. Suivez les étapes ci-dessous pour pousser le code vers Github.
Ouvrez le shell Git et utilisez la commande Git init pour initialiser le répertoire du site Web comme indiqué ci-dessous:
Maintenant, ajoutez tous les fichiers dans le répertoire du site Web sous contrôle de version en exécutant Git add.
Validez tous les fichiers en exécutant Git commit –m «Final Commit»
Ajoutez le référentiel distant comme indiqué ci-dessous:
Maintenant, la dernière étape qui va réellement pousser le code vers le référentiel Github:
Nous en avons terminé avec Github. La partie suivante est le déploiement réel de l'application sur Heroku.
Déployer l'application sur Heroku:
Créez un compte Heroku sur https://www.heroku.com/
Remarque : Nous devons apporter quelques modifications pour le déploiement de l'application sur Heroku. Heroku ne prend pas en charge SqLite 3, mais dispose d'une base de données PostgreSQL. Nous devons donc supprimer la dépendance sqlite3 de gemfile. Heroku nécessite la gemme rails_12factor, qui est utilisée par Heroku pour servir des ressources statiques telles que des images et des feuilles de style. Les deux changements requis dans Gemfile sont résumés ci-dessous:
Supprimez la gemme de ligne «sqlite3» de Gemfile
Ajoutez les lignes suivantes à Gemfile
groupe: développement,: test do #<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Vérifions si tout fonctionne correctement après avoir apporté les modifications à Gemfile. Enregistrez le Gemfile et exécutez installation groupée avec un drapeau spécial (–sans production) pour empêcher l'installation locale de tout bijou de production.
Permet de valider les modifications apportées dans Gemfile au référentiel distant sur Github:
Envoyez les modifications au référentiel Github distant:
Créer une nouvelle application chez Heroku:
Connectez-vous à Heroku et créez une nouvelle application. J'ai nommé mon application railtoheroku. Vous pouvez le nommer comme vous le souhaitez. Cliquez sur créer une application pour créer l'application nommée.
quelle est la classe scanner en java
Connexion du référentiel Github à l'application Heroku:
L'étape suivante consiste à lier votre référentiel Github à Heroku.
Ci-dessous, nous avons connecté notre référentiel Github railtoheroku
Une fois que nous avons connecté notre référentiel Github à Heroku, nous sommes prêts à déployer notre application. Pour déployer l'application, faites défiler jusqu'à l'option de déploiement manuel et cliquez sur l'option de déploiement de la branche.
Déploiement de l'application:
Une fois que vous avez cliqué sur Deploy Branch, Heroku commencera à installer les gemmes de Gemfile en production:
Une fois que toutes les gemmes sont installées et que l'application est déployée, vous verrez le message de félicitations d'Heroku disant: «Votre application est déployée avec succès.»
Pour voir votre application déployée, cliquez simplement sur le bouton Afficher et vous pourrez voir votre application déployée avec succès.
Si vous rencontrez un problème en suivant l'une des étapes ci-dessus, veuillez commenter ci-dessous. J'espère que vous avez apprécié ce post.
Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires et nous vous recontacterons.
Articles Similaires:
Analyse des fichiers XML à l'aide de SAX Parser