Herokuを扱ってみよう

2015/09/02/Wed

-Herokuについて-

Herokuとは「多様な言語に対応し、webアプリケーションの開発から公開までサーバサイドを意識することなく実装できるプラットフォーム」のことです。
……いやいや、そんなこと言われても
なんのこっちゃって感じですよね、わかります。
簡単に言えば、「自分たちが作ったwebアプリケーションやサービスを一般公開するためのもの」です!!
今まで頑張って作ってきたお問い合わせフォームを一般公開できるよう
HerokuにSinatraをあげていきます。

〜準備すること〜

あげるのにあたって、
・Herokuのアカウント登録
・Heroku Toolbeltをインストール
をまず行なわなければいけません。

Herokuのアカウント登録ですが、HerokuのHPにいってもらえれば
英語がわからなくても簡単に登録できます!(現に妹ができた)
HerokuのHP
さあ、サクサク進みますよ!笑
次にHeroku Toolbeltのインストールですが、
これもHPにいけば英語がわからなくても
簡単にインストールできます!!(現に妹ができた part2)
Heroku Toolbeltのインストール
自分が使ってるものに合わせてインストールしてください。
姉妹はmacを使っているので
mac用のボタンをポチっと押してインストール完了です!

〜コードの修正〜

ここまでは早い!ここからが大変!!

これからHerokuにSinatraをあげるため用のアプリを
作っていきます。
まずはconfig.ruというファイルをつくって
2015-09-04 17.22.57
を書いてください。

はい、妹がひっかかったエラーその1
ここのrequireのあとのファイル名は
自分がつくった.rbのファイル名と同じにしてください!
一緒にお問い合わせフォームをつくってきてくださった方は
姉妹と同じmyappなので大丈夫ですが、
違う名前にした方はここを注意しないと
エラーが出続けます。(妹はずっとエラーが出続けました)

そうしたら下に書かれている
2015-09-04 17.23.53

2015-09-04 17.24.00
をターミナルでうつのですが・・・
ここで注意!
heroku createのあとに
自分が作りたいアプリの名前を書いてください。
そうしないと長くて変なURLが出来上がります。(妹が失敗済み)
「heroku create app」にするとappという名前にできます。

一応作成できたがどうか「heroku —version」
とターミナルにうってください。
[heroku-toolbelt/3.41.5 (x86_64-darwin10.8.0) ruby/1.9.3
You have no installed plugins.]
こんな感じがでたら成功です!
pluginsがないとかそんなん気にしないで先に進みましょう!
ここでhttps://が2パターンできたと思います。
https://自分が考えたapp名.herokuapp.com
のほうが公開したときのURLで
gitって書かれてあるURLは
ソースコードをプッシュするgitのアドレスになります。

次!妹がひっかかったエラーその2!
ここで必ず、今行なった変更を
SouceTreeでコミットしてください!
この作業を忘れてエラーがでて妹がどんだけ困ったことか…
Herokuに向けてのプッシュは今回はターミナルでするので
SouceTreeではしないでくださいね!

〜pushして公開〜

SouceTreeでコミットしたら
「git push heroku master」
とターミナルでうってプッシュしましょう。

さあ、これで!できているはずです!!!!
公開するときのURLにアクセスしてみてください!!
どうですか!!感動しませんか!
妹は叫びました。

もしエラーがでたらターミナルでheroku logsとうってみてください。
エラーが長々と表示されます。
英語が苦手な方。頑張ってください(切実)

実はこの一連の流れ、全部slack上で行なわれていたんです。
その時間、午前2時。
るびじょチームはみんな夜行性でした。

さあwebに公開することができたので、目標だった
「お問い合わせフォームの作成」は完了です!
お疲れ様でした!!!