【Heroku】初めてのWebページ公開

HerokuでWebページの公開をしてみたので備忘録書きます

「何が書いてあるの？」

HerokuでWebページ公開するやり方

「どんな人向け？」

公開したい人

Heroku、gitは登録済みってこと前提で書いていきます

Herokuでアプリを公開するにはgitを使うことが必須だそうです

gitの使い方がさっぱりな人はこちら

 【備忘録】ガバガバGitコマンドの使い方 - xukikiの日記 

・Herokuのコマンドを使えるようにする

The Heroku CLI | Heroku Dev Center

ここからダウンロードできるインストーラでHerokuのコマンドを使えるようにする

・コマンドプロンプトで公開するフォルダに移動

ここからコマンドプロンプトを開く

コマンドプロンプトの開き方は、

Windowsボタン(田のマーク)を押して「cmd」って打つと出てくる

エクスプローラでもmkdirコマンドでもいいので好きな場所に公開したいフォルダを作成

cd 『フォルダ名』を使って公開したいフォルダに移動

・公開したいソースコードを作成

なんでもいいのでとりあえず公開できるものを作ってみる

最初はファイル名を『index.php』にするのがおすすめ

・git init

git使います宣言

・heroku create 『アプリ名』

 アプリを新規作成、アプリ名は自分で決める

実行したらアプリのURLとgitのURLが出てくる

写真はXAMPPフォルダ内で作ってるけどどこでも大丈夫なはずです

・git remote add 『名前』 『URL』

『名前』は好きな名前、これからアップデートするときはこの名前を使います

『URL』にはheroku createを実行して下の方に出てきたgitのURLを入れる

・git add .

・git commit -m "コメント"

・git push 『名前』 master

上の3つのコマンドを順に実行

コメントは更新内容とか好きなように書く、ただしなんかしら書かないとエラーになる

『名前』は上のgit remoteで決めた名前を入力

〇終わり

これで公開ができるはずです

公開したアプリはheroku createを実行したときに出てきたURLで確認できます

(https://アプリ名.herokuapp.com/ の形式)