ひとまずHerokuにアップする前にバージョン管理をしておきましょう。
(なぜ一番はじめにやらなかったのかって?忘れてました汗)
あまりこのブログでは詳しくは説明しませんが、新しいディレクトリを作成しました。
ディレクトリを作成したら続いてターミナルでコミットしてみます。
基本手順通りなので詳細は割愛します。
gitコマンドをぽちぽちしてGitHubをもう一度みてみると
ちゃんとコミットされてましたー。まず第一段階は終わりです。
Herokuを使ってみる
ではHerokuにdeployするためにHerokuアカウントを作ってみましょう。
Herokuは便利なPassです。エンジニアのみなさんもアプリケーション等作成した場合よく利用されています。
(本当はAWSを設定して乗っけたかったのですが早く公開したいという気持ちが強かったので今回はHeroku使用します。時間あるときにでもAWSで公開使用かなと思います^^;)
Herokuに会員登録して新アプリケーションを作成します。
このような画面が出てくれば成功です。
GitHubと連携してみる
続いてGitHubに連携してみましょう。
GitHubに連携しておくとGitHubにソースをpushした際に一緒にHerokuにもpushしてくれるのでとても便利です。
やり方としては、前出の画面の「Deployment method」欄のGitHubコマンドをクリックします。
上図の画面が出てくると思うので「Connect to GitHub」のリポジトリネーム欄に先ほど作成したGitHubのリポジトリの名前を記載します。
入力後「Search」ボタンを押すとディレクトリが検索されディレクトリが表示されます。
その後「Connect」を押すとGitHubとの連携完了です。
これでHerokuへのdeployが簡単になりました。
Herokuへdeployしてみる
初回はターミナルでgitを活用してアップロードしてみます。
その前にHerokuのDashboardに移動しsettingsをクリックします。
settingsのBuildpacks欄にAdd buildpackをクリック。
その後、URLを入力する場所があるのでそこに下記URLを入力します。
https://github.com/heroku/heroku-buildpack-static.git
また、index.htmlが置かれているディレクトリと同じディレクトリにstatic.jsonというファイルを作成します。
static.jsonのファイルの中身は下記です。
作成後gitコマンドでherokuにdeployし成功すればOKです。
ここまでやってもHerokuにはアップできなかったです。。。
どうもログをみるとgetでは取りに行ってるみたいなのだが、そこから先認証されないみたいで結局今日はここで断念。ひとまずgithubにはあげて公開できる体制はできたのでしばらくはこれを正規のドメインとしよう。