Skip to content

Install ColorfulBox

gakigaki edited this page Sep 5, 2022 · 16 revisions

レンタルサーバColorfulBoxへのインストール方法を説明します。

目的:「初期無料サブドメイン」にConnect-CMSを、「ディレクトリインストール」する。

   (初期無料サブドメインのディレクトリ「https://hoge.cfbx.jp/connect-cms/test01/ 」にConnect-CMSをインストールする。)
    ※初期無料サブドメイン:https://hoge.cfbx.jp (各自のものに読み替えてください)
    ※ディレクトリ:test01(各自のものに読み替えてください)

用語の説明(ColorfulBox)

・初期無料サブドメインとは、契約時に利用者が設定し、ドメインに使用されます。
・ユーザーネームとは、契約後に会社側が決め、FTP通信・cPanelログイン時のユーザーネームとして使います。
(ここでの説明では、
  ユーザーネームを「UserName」
  初期無料サブドメインを「https://hoge.cfbx.jp 」と表記します。
 実行時、各自のものに読み替えてください。)

作業概要

①ご自身のサーバーの設定(データベース・初期無料サブドメイン・ユーザーネームの確認 )
②ドキュメントルート(注1)以外のディレクトリに、Connect-CMSをインストール
 ②-1 Connect-CMSをダウンロード
 ②-2 composer(注2)をダウンロードし、実行
 ②-3 Connect-CMSの初期設定を行う
  (注1)ドキュメントルート:/home/ユーザーネーム/public_html 配下
  (注2)composer:connect-cmsに必要な環境(ライブラリやパッケージ)を設定するプログラム
③ドキュメントルート内に、Connect-CMSのリンクを設定

①ご自身のサーバーの設定(初期無料サブドメイン・ユーザーネームの確認、データベース作成)

  • 初期無料サブドメイン・ユーザーネームを確認する。
  • HTTPSでインストールする場合は、共有SSL設定は済ませておく。

データベース作成

cPnelの「データベース」の「MySQLデータベース」か「MySQLデータベースウィザード」を使用
   データベース名:UserName_test01
   ユーザ名:UserName_*****   
   データベースパスワード:*********
  (データベースサーバー規定値)
     10.3.31-MariaDB
     サーバの文字セット: UTF-8 Unicode (utf8)

SSH 接続

  • ColorfulBoxにSSH接続する。
    (WinSCPで接続し、puttyでターミナルを立ち上げておくなどすると、便利かなと思います。)

②ドキュメントルート(/home/ユーザーネーム/public_html 配下)以外のディレクトリに、Connect-CMSをインストール

②-1 Connect-CMSをダウンロード

Connect-CMS インストール用ディレクトリ作成

※SSH接続した時の既定ディレクトリは「/home/UserName」
  
(説明:現在居るディレクトリを確認)
[UserName@サーバー名 ~]$pwd

(実行結果)
/home/UserName

[UserName@サーバー名 ~]$ mkdir connect-cms
[UserName@サーバー名 ~]$ cd connect-cms
  
(説明:現在居るディレクトリを確認)
[UserName@サーバー名 connect-cms]$ pwd

(実行結果)
/home/UserName/connect-cms

Connect-CMSをGitHubよりダウンロード

[UserName@サーバー名 connect-cms]$ git clone https://github.com/opensource-workshop/connect-cms.git test01

(説明:上記のように、connect-cmsディレクトリ内で「git clone」を実行すると  
connect-cmsディレクトリに存在しないディレクトリtest01が新規自動作成され、  
そのディレクトリtest01にソースプログラムがインストールされる)

(実行結果)  
Cloning into 'test01'...
remote: Enumerating objects: 34165, done.
remote: Counting objects: 100% (11074/11074), done.
remote: Compressing objects: 100% (3336/3336), done.
remote: Total 34165 (delta 8317), reused 10293 (delta 7604), pack-reused 23091
Receiving objects: 100% (34165/34165), 23.17 MiB | 25.24 MiB/s, done.
Resolving deltas: 100% (25558/25558), done.

②-2 composerをダウンロードし、実行

(説明:ディレクトリtest01へ移動)  
[UserName@サーバー名 connect-cms]$ cd test01

(説明:現在居るディレクトリを確認)  
[UserName@サーバー名 test01]$ pwd 

(実行結果) 
/home/UserName/connect-cms/test01  

Composerダウンロード

[UserName@サーバー名 test01]$ curl -sS https://getcomposer.org/installer | php

(実行結果)
All settings correct for using Composer
Downloading...

Composer (version 2.1.6) successfully installed to: /home/kuhdtfod/connect-cms/test01/composer.phar
Use it: php composer.phar

ComposerによりConnect-CMS依存ライブラリのインストール

[UserName@サーバー名 test01]$ php composer.phar install --no-dev

(実行結果)
Installing dependencies from lock file (including require-dev)
Verifying lock file contents can be installed on current platform.
Package operations: 118 installs, 0 updates, 0 removals
  - Downloading league/flysystem (1.1.4)
  - Downloading barryvdh/laravel-debugbar (v3.5.5)
  - Downloading filp/whoops (2.12.1)
  - Downloading facade/flare-client-php (1.8.0)
  - Downloading fakerphp/faker (v1.14.1)
  - Downloading laravel/dusk (v6.15.0)
  - Downloading squizlabs/php_codesniffer (3.6.0)
  - Installing azuyalabs/yasumi (2.3.0): Extracting archive
  - Installing symfony/finder (v4.4.20): Extracting archive
・・・

②-3 Connect-CMSの初期設定を行う

サイトのURLやConnect-CMSとデータベースとの接続設定等を変更します。

[UserName@サーバー名 test01]$ cp .env.example .env
 (上記説明:「.env.example」ファイルをコピーして新規に「.env」ファイルを作成)
 

.env(環境ファイル)を編集

[UserName@サーバー名 test01]$ vi .env

※viエディタ参考:
i - 入力モードへ(キーボードの文字入力でそのまま入力できます。)
(入力モードで)右クリック - ペースト
ESC - ノーマルモードへ(キーボードの方向KEYが使用できます。)
(ノーマルモードで):wq - 保存して閉じる
(ノーマルモードで)x - 1文字削除
<変更点>
(「i」を入力すると、画面左下に「--INSERT--」と表示される)

APP_NAME="Connect-CMS"
APP_ENV=production
APP_KEY=
APP_DEBUG=false
APP_URL=https://hoge.cfbx.jp/test01【■変更箇所】
 
LOG_CHANNEL=daily

DB_CONNECTION=mysql
DB_HOST=localhost【■変更箇所(colorfulboxの規定値がlocalhost】
DB_PORT=3306
DB_DATABASE=UserName_test01【■変更箇所】
DB_USERNAME=UserName_*****【■変更箇所】
DB_PASSWORD=**********【■変更箇所】

(上記の変更完了後、キーボードの「esc」キー入力後、「:wq」入力して保存、終了する)

APP_KEYの生成

[UserName@サーバー名 test01]$ php artisan key:generate

**************************************
*     Application In Production!     *
**************************************

 Do you really wish to run this command? (yes/no) [no]:
 > yes        ← yes を入力

(実行結果)
Application key set successfully.

データベーステーブルの初期構築

[UserName@サーバー名 test01]$ php artisan migrate

**************************************
*     Application In Production!     *
**************************************

 Do you really wish to run this command? (yes/no) [no]:
 > yes        ← yes を入力

(実行結果)
Migration table created successfully.
Migrating: 2014_10_12_000000_create_users_table
Migrated:  2014_10_12_000000_create_users_table
Migrating: 2014_10_12_100000_create_password_resets_table
Migrated:  2014_10_12_100000_create_password_resets_table
・・・

データベーステーブルへ初期データ追加

[UserName@サーバー名 test01]$ php artisan db:seed

**************************************
*     Application In Production!     *
**************************************

 Do you really wish to run this command? (yes/no) [no]:
 > yes        ← yes を入力

(実行結果)
Seeding: DefaultPagesTableSeeder
Seeded:  DefaultPagesTableSeeder (0.01 seconds)
・・・

③ドキュメントルート内に、Connect-CMSのリンク(シンボリックリンク)を作成

Laravelのルールではpublic配下をドキュメントルートに設定するが、ColorfulBoxのレンタルサーバではそれができないため、シンボリックリンクで対応する。

[UserName@サーバー名 test01]$ cd /home/UserName/public_html(※UserNameを変更して実行)
[UserName@サーバー名  public_html]$ pwd

(実行結果)
/home/UserName/public_html

[UserName@サーバー名  public_html]$ ln -s /home/UserName/connect-cms/test01/public/ test01(※UserName、test01を変更して実行)

(説明:ドキュメントルートのディレクトリ「public_html」内で上記「ln -s」を実行し、  
「public_html」内に「tes01」という名前で、「/home/UserName/connect-cms/test01/public/」のリンクをつくる。)

サイトにアクセスする

https://hoge.cfbx.jp/test01/ (※https://hoge.cfbx.jp➡初期無料サブドメイン)   

でサイトにアクセスする。

ログイン

初期ID、パスワードは以下の初期データを確認してください。
ログイン後はログインID、パスワードを変更してください。
https://github.com/opensource-workshop/connect-cms/blob/master/database/seeders/DefaultUsersTableSeeder.php

※ログインIDは「XXXXX」の部分 'userid' => 'XXXXX',
※パスワードは「YYYYY」の部分 'password' => Hash::make('YYYYY'),

インストール完了

以上で、レンタルサーバColorfulBoxへのConnect-CMSのインストールは完了です。

参考

インストール失敗で、ディレクトリ「test01」を削除して、最初からやり直す場合
データベースと、ディレクトリ「test01」を削除する。
データベース削除は、cPnelの「データベース」の「MySQLデータベース」を使い削除する

ディレクトリ「test01」の削除方法

[UserName@サーバー名 public_html]$ cd /home/UserName/connect-cms

(説明:現在居るディレクトリを確認)
[UserName@サーバー名 connect-cms]$ pwd 

(実行結果)
/home/UserName/connect-cms

[UserName@サーバー名 connect-cms]$ rm -r test01
rm: remove write-protected regular file 'test01/.git/objects/pack/pack-6c967df1f4031205c5b5b6383635a7882a9b56ac.idx'? y  ※イェス(y)を入力
rm: remove write-protected regular file 'test01/.git/objects/pack/pack-6c967df1f4031205c5b5b6383635a7882a9b56ac.pack'? y  ※イェス(y)を入力
[UserName@サーバー名 connect-cms]$

アップデート

Connect-CMSは現在(2021-01-04)、活発に開発されているCMSです。
適宜アップデートすることをお勧めします。
アップデート方法は以下のページを参考にしてください。
Update (アップデート)

Clone this wiki locally