免責事項
この記事は初心者視点でザックリとした説明をしています。正確性に欠ける可能性がございますが、ご了承ください。「明らかに違うよ」ということがありましたら、ご指摘くださると幸いです。
環境
OS:最新版ではないMacOS
VirtualBox:5.2.26
Vagrant:2.2.6
Ubuntu:ubuntu/bionic64 v20181129.0.0
目次
- Herokuとは
- Herokuの登録
- Herokuでデプロイしてみる
1. Herokuとは
Herokuは自分が作ったWEBサイトやWEBアプリケーションを世界中に公開することができるプラットフォームのことです。
小規模なサービスの公開なら無料で使うことができます。
ちなみにHerokuのように、WEBサイトやWEBアプリケーションを世界中に公開することができるプラットフォームはホスティングサービスと呼び、たくさん種類があります。
<例>
AWS、Firebase、Microsoft Azure、さくらインターネット、GMOインターネットなど、、、
厳密な違いなどはまだ分かりません。
2. Herokuの登録
https://jp.heroku.com/
から登録を行います。
登録の仕方は簡単なのでご自身で調べてみてください。
3. Herokuでデプロイしてみる
Herokuを使うには、「Heroku CLI」というアプリケーションをローカル環境にインストールし、Gitを使ってデプロイ(サービスの公開)を行う必要があります。
※GitHubと連携してGitHubからもデプロイできるらしい。
今回はLinuxのUbuntuにインストールしていきます。
MacやWindowsにインストールしたい方は以下のサイトをご参照ください。
https://devcenter.heroku.com/articles/heroku-cli
Ubuntuの環境では公式サイトにあるように以下のコマンドを入力します。
$ sudo snap install --classic heroku
・sudoはスーパーユーザ(別のユーザー)としてコマンドを実行することを意味します。
・snapはaptやnpmと同じようなパッケージマネージャである Snappyを操作するコマンドです。
→snap(Snappy)は、必要なライブラリを他のソフトウェアに影響を与えないように、一つのファイルシステムにまとめてインストールを行います。
インストールが完了したら、Heroku CLIのバージョン確認を行いましょう。
$ heroku --version
Herokuのバージョンが表示されたらインストールの完了です。
続いて、Herokuのログインを行います。
$ heroku login -i
> heroku: Enter your login credentials
Email: me@example.com
Password: ***************
Logged in as me@heroku.com
※ iを付けずにコマンドを入力するとブラウザからログインを行うことになります。
Herokuを登録した際の情報を入力していき、ログインに成功すると、Logged in as me@heroku.comのように表示されると思います。
これでデプロイ環境の構築が終わりました。
続いて、アプリをデプロイしていきます。
$ cd ~/myapp
$ heroku create
自分のデプロイしたいアプリディレクトリに移動し、
heroku createと入力します。
※ heroku create は、ランダムな名前のサーバー名でHerokuにサーバーを用意します。
そして、デプロイしたいアプリのローカルgitリポジトリを、herokuという名前のリモートgitリポジトリとして登録します。
>
Creating app... done, xxx-xxx-XXXX
https://xxx-xxx-XXXX.herokuapp.com/ | https://git.heroku.com/xxx-xxx-XXXX.git
Git remote heroku added
このような表示が出たら、サーバーの用意は完了です。
https://xxx-xxx-XXXX.herokuapp.com/
が用意されたサーバーのURLになるので、メモしておいてください。
続いて、デプロイを行います。
$ git add .
$ git commit -m "Herokuで起動できるように変更"
$ git push heroku master
ローカル環境にコミットをしたら、
Herokuのリモート環境へpushします。
>
remote: Verifying deploy.... done.
と表示が出たら、デプロイは完了しました。
https://xxx-xxx-XXXX.herokuapp.com/
にアクセスしてみましょう。
アクセスできたら成功です。
参考
「N予備校 プログラミングコース」
https://www.nnn.ed.nico/
「Ubuntu 18.04 LTS Desktopでsnapパッケージを管理」
https://lab4ict.com/system/archives/919
「Wikipedia ホスティングサーバ」
https://ja.wikipedia.org/wiki/ホスティングサーバ