Mauticと連携するCMSの１つである、Gravの紹介です。Gravは、データベース不要のCMSとで、Apache + PHPで動くので、高速でバックアップ/復元が容易です。

1. Mautic Meetup Tokyo #3
データベース不要なCMS：Gravの紹介
Mautic Meetup Tokyo #3
Kohei Nishikawa

2. Mautic Meetup Tokyo #3
自己紹介
@kolinz
名刺情報 https://8card.net/p/knishikawa
西川 浩平 (Cloud Specialist)
IT系資格で日本語化やったり、Google系資格取得支援、システム
管理者、ハッカソンの技術アドバイザー、経営企画などいろいろ
やって、気づけばクラウドに関わること10年。
最近やってて楽しい言語は、PythonとGoogle Apps Script。

3. Mautic Meetup Tokyo #3
Grav
 データベース不要
 Apache or nginx と PHP だけで動く
 バックアップと復元が簡単
 低TCO向け
 レスポンシブル
 小規模なWebサイトに向く。
https://getgrav.org/

4. Mautic Meetup Tokyo #3
Grav っていいなぁと思った理由
Movable Type や WordPress は疲れるというのが最大の理由
 プラグインが管理し切れない
管理し切れないと事件が起きる。パナマ文書事件 / J-WAVE 個人情報64万件 / エイベックス 35万件漏えい 等
 ホームページ担当者が１人2人の会社であれば管理し易い
Movable TypeやWordPress は、コンテンツ管理、パフォーマンスチューニング、脆弱性対策等も行うことに。
とはいえ、ホームページ運用だけが業務じゃない。運用管理を外注する予算さえないことも。
とはいえ、潤沢な予算が確保できれば、Movable TypeやWordPressはとても良いものであることは確か。

5. Mautic Meetup Tokyo #3
本日の環境
お名前.com VPS を使用。
Ubuntu14.04 に、Docker(※) 環境を構築しました。Docker上で稼働するUbuntu 16.04 にGravを入れます。
※Docker とは？
詳しくは、公式の「What is Docker?」を見てください。
普段Dockerを使っている理由は、
• サーバー本体は、ほぼきれいなままなので、管理し易い
• Docker上で動くサーバーは、丸ごとバックアップできる
• Docker上で動くサーバーは、他のDockerが入っているサーバーでも動く。
つまり、検証環境 → 本番環境に移行しやすい。
たとえば、Mauticの本番環境がDocker上で稼働しているとして、本番環境に最小限の影響で最新版の検証が可能。
① 本番環境をコピー
② コピーした環境を起動し、最新版へのアップデートを検証。本番環境に影響が無い。
③ 確認した手順を本番環境に適用し、アップデートを実施
④ コピーしておいた前バージョンの本番環境は、Zipファイル等にエクスポートして残しておく。万が一に使用。

6. Mautic Meetup Tokyo #3
Grav Install
# docker pull ubuntu:16.04
# docker run -itd -p 80:80 ubuntu:16.04 /bin/bash
# docker attach コンテナID
-コンテナIDは、docker run 実行で生成された英数字の冒頭5文字くらいでOK
# apt-get update -y
# apt-get upgrade -y
# echo "Asia/Tokyo" | tee /etc/timezone
# dpkg-reconfigure --frontend noninteractive tzdata
# apt-get install wget unzip nano software-properties-common curl
# apt-get install apache2 php libapache2-mod-php php-mcrypt php-gd php-curl php-mbstring php-xml php-zip
openssl
# cd /usr/local/src/
# wget https://github.com/getgrav/grav/releases/download/1.0.10/grav-admin-v1.0.10.zip
wget で取得するZipファイルのURLは、[Garvのホームページ] → [DOWNLOARDS] → [GRAV CORE+ADMIN PLUGIN]
ボタンを右クリックしてリンクのURLをコピーして取得。wget の後に貼り付けて使用します。
最新のベータ版を使用する場合は、 [GRAV BETA CORE+ADMIN BETA PLUGIN] ボタンから取得しましょう。

7. Mautic Meetup Tokyo #3
Grav Install
前ページからの続き
# unzip grav-admin-v1.0.10.zip
# cp -r /usr/local/src/grav-admin /var/www/html/grav
# nano /etc/apache2/sites-available/000-default.conf を実行
<virtual host>～</virtual host> 内にて下記を変更 & 追記
DocumentRoot /var/www/html → DocumentRoot /var/www/html/grav に変更
<Directory "/var/www/html">
AllowOverride All
</Directory>
追記後、Ctrl キー + xキーを押し、yキーで保存
# chown -R www-data:www-data /var/www/html/grav
# a2enmod rewrite
# /etc/init.d/apache2 restart
Webブラウザで、IPアドレス もしくは、FQDNにアクセスする。Gravの初期セットアップ画面が表示される。

8. Mautic Meetup Tokyo #3
Grav 初期設定
Webブラウザで、IPアドレス もしくは、FQDNにアクセスする。
Gravの初期セットアップ画面が表示されます。
Passwordは、英数字8文字以上、1文字は大文字、それと数字を
含める必要があります。
Password以外の項目は、特別気をつける必要はないでしょう。
全ての項目を入力後、画面右下の「Create User」ボタンを
クリックします。

9. Mautic Meetup Tokyo #3
Grav 管理画面
Gravの初期セットアップ後に、管理画面が表示されます。
URLは、http://IPアドレス or FQDN/admin
画面中央付近に表示されている「Update」ボタンをクリックする
と、最新の状態に更新されます。
また、「Backup」ボタンをクリックすると、現在のサイトをZip
形式でダウンロードすることができます。
次のページでは、管理画面を日本語化する手順を紹介します。

10. Mautic Meetup Tokyo #3
Grav 管理画面 日本語化
管理画面の左上に表示されている、ユーザー名をクリックしますと、
ユーザー情報の編集画面が表示されます。
「Language」で、English → 日本語 に変更し、画面右上の「Save」
ボタンをクリックすると、画面が日本語になります。

11. Mautic Meetup Tokyo #3
2人目以降のユーザーを追加する方法
Tera TermでサーバーにSSH接続。
#cd /var/www/html/grav → Gravのホームディレクトリに移動。
[2人目以降のユーザー追加方法]
下記ユーザー追加のコマンドを実行すると、ガイドに従って追加。
# bin/plugin login newuser
実際のユーザー追加画面は、右図をご覧ください。
枠の部分が、実際に入力する箇所になります。
プラグインやテーマの導入も、この画面です。

12. Mautic Meetup Tokyo #3
Grav 初期ホームページ
初期セットアップ完了後、Webブラウザで、IPアドレス もしくは、
FQDNにアクセスします。
初期セットアップ後に表示された画面は、管理画面で、/admin を
付けるとアクセスできます。
このページをカスタマイズしたり、ページの編集画面でページ作成
の参考にすると良いでしょう。
GravはHTMLを書くのではなく、Markdownでページを作成します。
つまり、HTMLと記法が異なります。
Markfdownの書き方について参考資料
日本Markdownユーザー会
http://www.markdown.jp/what-is-markdown/
Qiita Markdown 書き方まとめ
http://qiita.com/shizuma/items/8616bbe3ebe8ab0b6ca1

13. Mautic Meetup Tokyo #3
Grav ページ作成方法
ページの作成は、管理画面左側の
「ページ」→ 画面右上の「ページの追加」
をクリックすることで、左図のように追加
画面が表示されます。
左図のように、*が付いている項目に入力
し、「続ける」ボタンをクリックすること
で、ページ作成画面が表示されます。

14. Mautic Meetup Tokyo #3
Grav ページ作成方法
ページの作成/編集画面では、Markdownで書いていきます。
たとえば、HTMLの<h1>タグなら、Markdownでは、# を
先頭につけます。

15. Mautic Meetup Tokyo #3
プラグインやテーマの追加
プラグイン名を
クリックすると
設定画面へ
Tera TermでサーバーにSSH接続。
#cd /var/www/html/grav → Gravのホームディレクトリに移動
[プラグインの追加例]
Mautic連携プラグインを追加する場合
#bin/gpm install mautic
プラグイン一覧 https://getgrav.org/downloads/plugins
[テーマの追加例]
テーマはレイアウトや見た目を変更することができます。
プラグインと同じやり方です。
# bin/gpm install striped
テーマ一覧 https://getgrav.org/downloads/themes

16. Mautic Meetup Tokyo #3
Mautic プラグインの設定
Mautic連携プラグインをインストールした前提で、設定は、
1.前ページを参考に、Mautic連携プラグインを導入
2.画面左側の「プラグイン」をクリック
3.画面中央付近に表示される「Mautic」の文字をクリック
4.左図が表示される。
5.Plugin Statusは、「Enabled」を選択した状態として、
6.Mautic base URLに、MauticのURLを挿入
7.画面右上の「保存」ボタンをクリックして設定を保存。
8.何度かサイトを閲覧し、その後Mauticにアクセスします。
閲覧端末のIPアドレスでリードが作成されているはずです。

17. Mautic Meetup Tokyo #3
End Of the Document
運用中 ： Mautic 使い方情報 - NAVER まとめ
http://matome.naver.jp/odai/2145863826223235201
連載中：CHANGE-MAKERS
https://www.change-makers.jp/