1
1

More than 1 year has passed since last update.

社内サイト構築勉強①(さくらのレンタルサーバ+Laravel):環境構築

Last updated at Posted at 2021-04-10

前提・概要

Webでの社内システム構築を目指す。(勉強・備忘録)
インストール等は記載しない。

ハウスクリーニングの社内サイトを想定。
メイン業務:案件がある → 人を割り当てる → 実際に作業する → 売上がたつ
を想定し、案件受注の考え方から、売上までのフローを一括で行うものを想定。

想定メイン機能

  1. 案件受発注システム
  2. 社員管理
  3. 顧客管理
  4. カレンダーおよび勤怠管理
  5. 事務(経費等)作業管理
  6. ログイン機能

環境

  • PHP 8.0.28
  • Laravel Framework 4.4.2
  • windows 10
  • node v18.14.2
  • npm 9.6.0
  • ソース管理:github
  • web:さくらのレンタルサーバー

本日の完成形

さくらのレンタルサーバーにてlaravel環境を構築し、ブラウザにてアクセスできるようにする。
(ブラウザで、https://xxx.sakura.ne.jp/ に接続したときに作成したlaravel画面が出るようにする。)
image.png

1.プロジェクト作成

まずは、プロジェクトを作成する。

  1. repos直下に作成
  2. DB名:DB、パスワード:pass
  3. プロジェクト名:社内サイト
cmd
cd C:\Users\ADMIN\source\repos
composer create-project DB/pass --prefer-dist 社内サイト

2.gitへpush

Visual Stadioからファイル -> ソース管理に追加 -> 作成とプッシュ

3.動作確認

cmd
cd C:\Users\ADMIN\source\repos\社内サイト
php -S localhost:8000 -t public

http://localhost:8000/
へアクセス。

トップ画面が出ることを確認。
image.png

4.さくらレンタルサーバーの設定

下記の記事を参考にさせていただきました。

個人的に詰まったのが、証明書作成をさくらのサーバ上ではなく、
ローカルで行っており、ssh接続ができなかった。

また④.envファイルの作成はもとを.env.exampleをコピーしてから実施した。
もしくはAPP_KEY=の記載が必要かもしれない。
(500エラーが発生した。)

メモ用に手順のみ抜粋
①:sshでサーバー接続

cmd
ssh FTPアカウント@FTPサーバ名

②:サーバー上でプロジェクトをプル

cmd
git clone git@github.com:xxx/社内サイト.git

③:composer + vendor のインストール

cmd
cd 社内サイト
curl -sS https://getcomposer.org/installer | php
php composer.phar
php composer.phar install

④:.envファイルの作成
サンプルからコピーする

cmd
cp .env.example .env

DB関連の設定修正

cmd
DB_CONNECTION=mysql
DB_HOST=データベースサーバ
DB_PORT=3306
DB_DATABASE=さくらインターネットのレンタルサーバで作成したデータベース名
DB_USERNAME=さくらインターネットのアカウント名
DB_PASSWORD=データベースパスワード

⑤:APP_KEYの作成

cmd
php artisan key:generate

⑥:DBマイグレーション

cmd
php artisan migrate

⑦:シンボリックリンク作成

cmd
ln -s /home/xxx/社内サイト/public/ /home/xxx/www/社内サイト

⑧:さくらのPHPバージョンアップ
言語バージョン設定 からPHPのバージョンを8.0.25にアップ

5.Web動作確認

ブラウザからlaravelのページが起動していることを確認。

image.png

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1