この投稿では、レールを使用して個人のWebサイトを作成し、Herokuにデプロイします。 Herokuはクラウドアプリケーションプラットフォームであり、Webアプリを構築およびデプロイするための新しい方法です。 Herokuの最も優れている点は、Herokuが基本的なウェブアプリを無料として分類しているため、ホスティングに料金を支払う必要がないことです。シングルページレールアプリケーションを構築し、ポートフォリオとして使用できる静的なWebサイトになります。
以下は、railsアプリケーションのスナップショットです(Herokuにデプロイされています) ここに )
このRailsアプリケーションの作成を始めましょう。すでにRubyとRailsをインストールしていると思います。 Ruby2.0とRails4.2.2があることを確認してください。コマンドプロンプトからバージョンを確認できます。
注:Ruby2.0とRails4.2.2を使用します。 RubyとRailsのバージョンが異なる場合、この投稿に示されている手順の一部が機能しない可能性があります。
プロジェクトの作成:
プロジェクトにウェブサイトという名前を付けます。プロジェクトを作成するには、コマンドRails newwebsiteを使用します
Railsはすべてのファイルを自動的に生成し、以下に示すように自動的にインストールされたrun bundleを実行することで、必要なすべてのgemもインストールします。
これで、C:ドライブ(Railsの新しいWebサイトコマンドを実行した場所)の下にWebサイトフォルダーが表示されます。いくつかのIDEでWebサイトフォルダを開きましょう。 AdobeのBracketsIDEを持っています。それは問題ではないので、あなたは他のものを使うことができます。
プロジェクト構造:
生成されたプロジェクト構造は次のようになります
コードを記述していなくても、今すぐWebサイトアプリケーションを実行できます。 Webサイトアプリケーションを実行するには、以下に示すように、WebサイトフォルダーからRailsのコマンドを実行します。
上記のスナップショットでわかるように、当社のWebサイトアプリはhttp:// localhost:3000
URLにアクセスすると、以下の画面が表示されます。http:// localhost:3000
ただし、URLへのアクセスに関するアプリケーションのメインページを表示したいと思いますhttp:// localhost:3000 /。そのために、Webサイトプロジェクトのパブリックフォルダーの下にindex.htmlページを作成しましょう。
Javaで何かをパワーアップする方法
注:Railsは、ルートURLにアクセスすると自動的にindex.htmlページを提供しますhttp:// localhost:3000
とりあえず、index.htmlページに1行しかありません。
ルートURLにアクセスしましょうhttp:// localhost:3000
それでは、JSとクールなCSSの画像を追加して、index.htmlページに活気を与えましょう。ブートストラップの開始からグレースケールテーマを使用します。
グレースケール開始ブートストラップテーマ -
以下は、使用するグレースケール開始ブートストラップテーマのスナップショットです。要件に合わせてこのテーマをカスタマイズします。
このテーマはからダウンロードできます http://startbootstrap.com/template-overviews/grayscale/
グレースケールテーマをダウンロードし、CSS、font-awesome、fonts、img、JS、index.htmlをWebサイトプロジェクトのパブリックディレクトリにコピーします。以下は、ウェブサイトプロジェクトのパブリックディレクトリの下にCSS、JS、フォント、画像フォルダ、index.htmlページを追加した後のプロジェクトのスナップショットです。
今すぐウェブサイトプロジェクトを実行しましょう:
プロジェクトを実行すると、見栄えの良いグレースケールのテーマページが表示されます。
index.htmlページ(Webサイトプロジェクトのパブリックディレクトリの下)を変更して、プロフェッショナルな外観にします。
以下は、index.htmlページに変更を加えた後のWebサイトプロジェクトのスナップショットです。画像を変更し、一部のテキストを編集して、個人に固有のものにしました。
PHPの設定方法
index.htmlとgrayscale.CSSは好きなように変更できます。これで、WebサイトアプリケーションをHerokuにデプロイする準備が整いました。
コードをGithubにプッシュする:
アプリケーションをHerokuにデプロイする前に、コードをリモートのGithubリポジトリにプッシュする必要があります。そのためには、Githubアカウントが必要です。 Githubアカウントをお持ちでない場合は、次のURLにアクセスして作成してください。 www.github.com 。
また、WindowsにGithubをインストールする必要があります。 Windows用のGithubをからダウンロードします https://windows.github.com/ 。
マシンにGithubをダウンロードしてインストールしたら、Githubアプリケーションを開いてGithub資格情報を構成し、デフォルトのシェルとしてGit Bashシェルを選択し(他のオプションも自由に選択できます)、変更を保存します。
Githubにリポジトリを作成する必要があります。ここで、Webサイトプロジェクトをリモートで保存します。リポジトリを作成するには、Githubにログインし、緑色のボタンに表示されている新しいリポジトリオプションをクリックします。
リポジトリに名前を付け(この場合はrailtoherokuと名付けました)、以下に示すように[リポジトリの作成]リンクをクリックします。
GithubはリモートURLを提供します( https://github.com/eMahtab/railtoheroku.git この場合)ローカルマシンからGithubにコードをプッシュするときに必要になるrailtoherokuリポジトリ用。
これで、ウェブサイトのプロジェクトコードをGithubにプッシュする準備が整いました。以下の手順に従って、コードをGithubにプッシュします。
以下に示すように、Gitシェルを開き、Gitinitコマンドを使用してWebサイトディレクトリを初期化します。
次に、Git addを実行して、バージョン管理下のWebサイトディレクトリにあるすべてのファイルを追加します。
Git commit –m“ Final Commit”を実行して、すべてのファイルをコミットします
以下に示すように、リモートリポジトリを追加します。
コードを実際にGithubリポジトリにプッシュする最後のステップは次のとおりです。
Githubで完了です。次の部分は、Herokuへのアプリケーションの実際のデプロイです。
アプリケーションをHerokuにデプロイする:
でHerokuアカウントを作成します https://www.heroku.com/
注意 : アプリケーションをHerokuにデプロイするには、いくつかの変更を加える必要があります。 HerokuはSqLite3をサポートしていませんが、代わりにPostgreSQLデータベースを備えています。したがって、gemfileからsqlite3の依存関係を削除する必要があります。 Herokuにはrails_12factorgemが必要です。これは、画像やスタイルシートなどの静的アセットを提供するためにHerokuによって使用されます。 Gemfileで必要な2つの変更を以下に要約します。
Gemfileからgem「sqlite3」という行を削除します
次の行をGemfileに追加します
グループ:開発、:テスト実行#<<<< not in production gem 'sqlite3' end group :production do gem 'pg', '0.17.1' gem 'rails_12factor', '0.0.2' end
Gemfileに変更を加えた後、すべてが正常に機能しているかどうかを確認しましょう。 Gemfileを保存して実行します バンドルインストール プロダクションジェムのローカルインストールを防ぐための特別なフラグ(–プロダクションなし)付き。
Gemfileで行った変更をGithubのリモートリポジトリにコミットしましょう。
変更をリモートGithubリポジトリにプッシュします。
Herokuで新しいアプリケーションを作成する:
Herokuにログインして、新しいアプリを作成します。アプリにrailtoherokuという名前を付けました。好きな名前を付けることができます。 [アプリの作成]をクリックして、名前付きアプリを作成します。
GithubリポジトリをHerokuアプリに接続する:
次のステップは、GithubリポジトリをHerokuにリンクすることです。
以下に、Githubリポジトリrailtoherokuを接続しました
Javaのフレームとは
GithubリポジトリをHerokuに接続すると、アプリケーションをデプロイする準備が整います。アプリケーションをデプロイするには、手動デプロイオプションまで下にスクロールし、ブランチのデプロイオプションをクリックします。
アプリケーションのデプロイ:
Deploy Branchをクリックすると、Herokuは本番環境でGemfileからgemのインストールを開始します。
すべてのgemがインストールされ、アプリケーションがデプロイされると、Herokuから「アプリは正常にデプロイされました」というお祝いのメッセージが表示されます。
デプロイされたアプリケーションを表示するには、[表示]ボタンをクリックするだけで、アプリが正常にデプロイされていることを確認できます。
上記の手順のいずれかを実行中に問題が発生した場合は、以下にコメントしてください。この投稿を楽しんでいただけたでしょうか。
質問がありますか?コメント欄にご記入ください。折り返しご連絡いたします。
関連記事: