1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

初心者がHerokuを使ってみる

1
Posted at

免責事項

この記事は初心者視点でザックリとした説明をしています。正確性に欠ける可能性がございますが、ご了承ください。「明らかに違うよ」ということがありましたら、ご指摘くださると幸いです。

環境

OS:最新版ではないMacOS
VirtualBox:5.2.26
Vagrant:2.2.6
Ubuntu:ubuntu/bionic64 v20181129.0.0

目次

  1. Herokuとは
  2. Herokuの登録
  3. 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/ホスティングサーバ

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?