19
23

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 3 years have passed since last update.

heroku 『GithubからHerokuへのデプロイ 』

Last updated at Posted at 2020-06-23

#はじめに

GithubHerokuに登録しましょう。

下記の記事を参考に登録しましょう。
GitHubアカウント作成とリポジトリの作成手順
[初心者向け]herokuをデプロイしよう

#Herokuでアプリケーション作成

  1. Herokuにログイン
  2. 右上の『NEW』をクリックし、『create new app』を選択
hero1.png
  1. 『app-name』を決める
    ・Herokuアプリケーションへアクセスする際の URL『https://(App name).herokuapp.com 』になります。
     ・世界唯一のアプリケーション名でなければなりません。
    ・リージョンは特に理由がなければ『United States』のままで問題ありません。
  2. 『create app』をクリック
hero2.png

#GitHubと連携

  1. 『deploy』タグへ移動
  2. 『Deployment method』にて『Heroku Git』を『GitHub』に変更
hero3.png
  1. 『Connect to GitHub』が表示、『Connect to GitHub』をクリックし、認証
  2. 『repo-name』に自身がデプロイしたい『GitHub』配下にあるリポジトリを検索、選択
hero5.png

5. 『Automatic deploys』と『Manual deploy』が確認できましたら連携完了
hero6.png

#デプロイを執行
1. 『Manual deploy』にて『master』ブランチになっていることを確認し『Deploy Branch』クリックし、デプロイ開始
2. Heroku の自動ビルドシステム開始...
3. 『Your app was successfully deployed.』と表示されれば完了です。
4. 『View』をクリックし確認しましょう。
hero7.png

#終わりに
Herokuは、『サーバー』、『OS』、『データベース』、『プログラミング言語の実行に必要な環境』、Webサービスを公開するために必要なものを全て、予め用意してくれるというサービスです。

Herokuを使えば、開発したWEBアプリケーションを10分程度で全世界に公開することができます。
自動デプロイもできますので興味のある方は調べて見てください。

19
23
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
19
23

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?