LaravelプロジェクトをGitHubにpushする方法と注意点

この記事からわかること

  • LaravelプロジェクトをGitHubpushする方法
  • どのファイルをアップロードするべきか
  • GitHubにあげる時の注意点

index

[open]

\ アプリをリリースしました /

みんなの誕生日

友達や家族の誕生日をメモ!通知も届く-みんなの誕生日-

posted withアプリーチ

ローカル環境に作成したLaravelプロジェクトをGitHubにアップロードする方法をまとめて行きます。ファイル構造や気をつけるべきファイル、実際の手順と結果をみていきます。

GitHubにLaravelプロジェクトをpushする手順

やるべき手順

今回やるべきことは3手順です。まだGitHubにアカウントを作成していない場合は先に作っておきましょう。

リモートリポジトリの作成

最初にLaravelプロジェクトをアップロードする場所をGitHub内に作成してあげます。

GitHub」にログイン→右上の「」の中の「New repository」をクリック

GitHubからリモートリポジトリを作成する手順

Repository name」に適当なプロジェクト名前と「desc」に説明を記入、公開範囲(publicとprivate)を選択します。誰にも見せたくなければprivateを選択しておけば良いでしょう。問題なければ一番下の「Create repository」をクリック。

GitHubからリモートリポジトリを作成する手順

表示されたURLがリモートリポジトリにアクセスできるURLになるのでコピーしておきます。何回でも後から確認できるので安心してください。

GitHubからリモートリポジトリを作成する手順

これでプロジェクトをアップロードする新しいリモートリポジトリが作成できました。

Gitのインストール&設定

ターミナルアイコン

ここからはターミナルを操作していきます。

ターミナルを開いてプロジェクトのある階層まで移動します。そこでGitのバージョンを確認してみましょう。

$ cd プロジェクトディレクトリ

$ git --version
git version 2.30.1 (Apple Git-130)

バージョンが表示されれば次に進みます。未導入の場合はこのバージョン確認コマンドでそのままインストール手順に進めますのでインストールしてください。

続いてGitの設定とローカルリポジトリの初期化(作成)をしていきます。ユーザー設定をしないとエラーになりますので注意してください。

// ユーザー設定
$ git config --global user.name "ユーザー名"
$ git config --global user.email "メールアドレス"

// ローカル初期化
$ git init

これでプロジェクトディレクトリを監視するローカルリポジトリが構築されました。続いてリモートリポジトリを今作成したローカルリポジトリと紐付けます。先程コピーしたURLを使ってください。

// ローカルとリモートの紐付け
$ git remote add origin リモートURL

Gitの用語がわからない方はこちらの記事を参考にしてください。

続いてプロジェクト内のファイルたちを「ステージング」→「コミット」→「push」していきます。

// 全てステージング
$ git add .
// コミット
$ git commit -m 'First commit'
// リモートリポジトリにpush
$ git push origin master

これでLaravelプロジェクトのファイルたちがGitHubのリモートリポジトリ内にpushされました。GitHubのページに移動して確認してみてください。

GitHubにアップロードされたLaravelプロジェクト

GitHubにpushされないファイルやディレクトリ

プロジェクト内のディレクトリを全てpushするコマンドを実行しましたが、実際には「vender」ディレクトリ(ライブラリ系のファイル群)と「.env」ファイル(環境設定ファイル)の2つがGitHubにはアップロードされません。

またリモートリポジトリの公開範囲をpublicにする際は「config」>「database.php」のデータベース設定部分にユーザーIDやパスワードが含まれているの可能性があるので注意してください。

リモートリポジトリのプロジェクトをコピーする

リモートリポジトリにpushしたLaravelプロジェクトをコピーする際も注意が必要です。

まずGitHubの該当リポジトリページから先程のURLをコピーしておきます。コピーしたいディレクトリに移動した後以下のコマンドを実行します。

$ git clone URL

これでGitHub上のファイル群がディレクトリ内にコピーされます。しかし「vender」ディレクトリと「.env」ファイルが存在しないのでこのまま動かそうとしてもエラーになってしまいます。

「vender」ディレクトリはプロジェクト内に「composer.json」ファイルが有ればinstallコマンドで自動作成してくれます。

$ composer install

「.env」ファイルはエディタなどで自力で作成して入れ込む(本番環境で有ればFTPソフトで)かコマンドラインからVimを使って作成することもできます。

vimコマンドで指定したファイルがなければ自動生成してくれる。特殊な記述モードに切り替わるのでそのまま以下のような.envファイルの中身をペースト

$ vim .env
APP_NAME=公開するアプリ名
APP_ENV=production
APP_KEY=キー値
APP_DEBUG=false
APP_URL=公開用のURL

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=8889
DB_DATABASE=DBname
DB_USERNAME=DBユーザーネーム
DB_PASSWORD=DBパスワード
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

貼り付けたら保存して閉じるコマンドである:wqを入力

:wq

おすすめ記事:【GitHub/初心者向け】手動でファイルをアップロードする方法!コマンド不要

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。

searchbox

スポンサー

ProFile

ame

趣味:読書,プログラミング学習,サイト制作,ブログ

IT嫌いを克服するためにITパスを取得しようと勉強してからサイト制作が趣味に変わりました笑
今はCMSを使わずこのサイトを完全自作でサイト運営中〜

New Article

index