はじめてのGit Hub③（Docker環境下のLaravelプロジェクトをGit Hubで管理）

2021/03/08 2021/12/11

「はじめてのGit Hub」シリーズ第３回です。

前回、Git HubからDocker環境構築ファイルダウンロードし Laravel のスタートページを表示させました。

はじめてのGit Hub②（Docker環境構築をダウンロード → Laravel 構築）

今回はここから Laravel の開発を進めて、また Git Hub にソースコード（※Laravelのソースコードのみ）をアップする手順をエントリーしたいと思います。

想定利用シーン

・ローカル開発環境（Docker）で Laravel を使っての開発を進めていた。
・ある程度、開発が進んだので Laravelのソースコードのみ Git Hub にプッシュしたい。
・Docker環境構築ファイルは外したい

ディレクトリ構成


DockerPractice/
　┣ docker/
　┣ src/
　　　┣ laraveltokyo/ （laravel プロジェクト）※今回ここをGit Hubで管理する
　┣ docker-compose.yml

手順

ここでは以前にエントリーした「Laravel Mix による Bootstrap Sass のカスタマイズ」を Git Hub に UP することにします。

Laravel Mix について（Bootstrap Sassのカスタマイズ）

Git Hub からリモートリポジトリ作成
ローカルからプッシュ
動作確認

１）Git Hub からリポジトリ作成

（１）まず、Git Hubにログインして新規リポジトリを作成

（２）リポジトリの名前や公開ステータスなどを設定

（３）リポジトリのURLが生成されるのでメモします

２）ローカルからプッシュ

次に自分のPC（ローカル環境）に移って Git Bash もしくはターミナルから以下のコマンドを実行していきます。


# Docker配下にある Laravel のプロジェクトに移動
$ cd DockerPractice/src/laraveltokyo

# ローカルリポジトリの作成
$ git init

# インデックスに追加
$ git add --all

# コミット
$ git commit -m "first commit"

# リモートリポジトリに紐づける
$ git remote add origin https://github.com/honjou/sass-practice.git

# リモートのリポジトリURL確認
$ git remote -v

# 上流ブランチに設定してプッシュ
$ git push --set-upstream origin master

「git remote -v」で現在のリモートの表示を確認することができます。git push する前にリモートの URL が設定されているか確認しておきましょう。