前回、OS.jsインストールと公式アプリの追加をやってみましたが、 今回、既存のWebサイトをOS.jsのアプリのように組み込む方法とnginxで振り分ける方法を実践していきます。 【 Nginx 】 Nginx(エンジンエックス)は、オープンソースのWebサーバです。処理性能・高い並行性・メモリ使用量の小ささに焦点を当てて開発されており、HTTP, HTTPS, SMTP, POP3, IMAPのリバースプロキシの機能や、ロードバランサ、HTTPキャッシュなどの機能も持ちます。 ・OS.jsバックグラウンド起動設定 ・Rocket.Chat組み込み ・Wekanの組み込み ・GitLabの組み込み ・nginxインストール ・動作確認

OS.jsにiframeアプリを組み込んでnginx(エンジンエックス)で振り分ける

# はじめに
ブラウザのみでデスクトップ環境を構築できる「OS.js(<a href="https://demo.os-js.org/" target="_blank">https://demo.os-js.org/</a>)」というのを見つけました。 
きっかけは、SynologyのDSM(<a href="https://demo.synology.com/ja-jp/dsm" target="_blank">https://demo.synology.com/ja-jp/dsm</a>)がどういう仕組みで動いているか気になり、調べていたところ、
Sencha Ext JSというJavaScriptフレームワークが使われているようなのは、分かったのですが、ソースコードは無く、それ以上の追及は断念し、似たものが無いか探したことです。
結果、似たものとしてOS.jsが見つかりました。 

 

OS.jsは、Node.jsで動くSPA(Single Page Application)になります。 
OS.jsのプログラムは、サーバー側で処理するプログラムとクライアント（ブラウザ）側で処理するプログラムがあり、どちらもJavaScriptです。<a href="https://github.com/os-js/OS.js" target="_blank">ソースコード</a>が公開されています。 
ライセンスは、BSD 2-Clause License になります。

 

今回、OS.jsのインストールと、アプリを組み込む方法が分かりましたので、実践していきます。

 

・[OS.jsインストール](#anchor1) 
・[OS.jsを動かしてみる](#anchor2) 
・[OS.jsのアプリを組み込んでみる](#anchor3) 
・[OS.jsの作者について](#anchor4) 

 

<blockquote class="info">
【 Node.js 】
「Node.js」とは、サーバーサイドでJavaScriptを動かせるプラットフォーム（環境）のことです。
ソフトウェア名は、「node」です。nodeでWebサーバー機能が実装されたJavaScriptプログラムを動かすと、Apache httpdやnginxのようにWebサーバーとして機能させることができます。
</blockquote>

<blockquote class="info">
【 SPA(Single Page Application) 】
シングルページアプリケーションの名の通り、一つの画面で成り立っているWebサイトのことです。Webページを開くと大量のJavaScriptがダウンロードされて、ほとんどの処理をブラウザ側で行う仕組みです。サーバーへの通信が少ないため、高速で動作する一方、開くのに時間がかかるという欠点があります。（商品を販売するサイトには向いていません。）
SPAの典型例として、
OS.js（<a href="https://demo.os-js.org/" target="_blank">https://demo.os-js.org/</a>）
SynologyのDSM(<a href="https://demo.synology.com/ja-jp/dsm" target="_blank">https://demo.synology.com/ja-jp/dsm</a>)
QNAPのQuTScloud(<a href="https://www.qnap.com/ja-jp/live-demo/" target="_blank">https://www.qnap.com/ja-jp/live-demo/</a>)
が挙げられます。
<img src="https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/spa.svg" alt="">
</blockquote>

<blockquote class="info">
【 BSD 2-Clause License 】
変更の有無を問わず、ソースやバイナリ形式での再配布や利用は、次の条件を満たせば許可される。
ソースコードの再配布は、上記の著作権表示、ここに列挙された条件、および下記の免責条項を保持すること。
バイナリ形式の再配布は、上記の著作権表示、ここに列挙された条件、および下記の免責条項は、ドキュメントまたは他の資料で配布すること。
とあり、「MIT License」と同等のライセンスであり、同じ内容のLICENSEファイルが含まれていれば、商用利用、修正、配布、サブライセンス可で、何が起きても作者の責任は免除されます。
</blockquote>

<blockquote class="warn">
今回の検証環境は、
<code>CentOS Linux release 7.6.1810</code>
<code>node v12.18.3</code>
になります。
</blockquote>

 

<a class="anchor" id="anchor1"></a>

# OS.jsインストール

OS.jsを/opt/OS.jsにインストールします。

```sh
# cd /opt/
# git clone https://github.com/os-js/OS.js.git
# cd OS.js
# rm -f package-lock.json
# npm install
# npm install @osjs/example-application
# npm run package:discover
# npm run build
```

<blockquote class="info">
<code># npm install</code>
でOS.jsインストールは終わりですが、今回、
<code>@osjs/example-application</code>
を組み込んでいます。
</blockquote>

 

必須では無いですが、デバッグできるように、クライアント（ブラウザ）側のJavaScriptソースコードを組み込みます。

```sh
# git clone https://github.com/os-js/osjs-client.git
# mv osjs-client src/
# cd src/osjs-client
# npm install
# npm run build
# cd /opt/OS.js
# npm install --save file:src/osjs-client
# npm run build
```

 

こちらも必須では無いですが、共通機能のJavaScriptソースコードを組み込みます。

```sh
# git clone https://github.com/os-js/osjs-common.git
# mv osjs-common src/
# cd src/osjs-common
# npm install
# npm run build
# cd ../../
# npm install --save file:src/osjs-common
# npm run build
```

 

OS.jsは、標準でポート8000で起動するため、ファイアウォールを開放します。 

```sh
# firewall-cmd --zone=public --add-port=8000/tcp --permanent
# firewall-cmd --reload
```

 

OS.jsを起動します。

```sh
# npm run serve
```

 

`https://192.168.▲.▲:8000/` 
でアクセスします。 
192.168.▲.▲は、OS.jsを起動したサーバーのIPアドレスです。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/image1.png)

 

アクセスできました！

 

`@osjs/example-application` 
はこのように組み込まれています。 
中身は何も無いですが、このコード(<a href="https://github.com/os-js/osjs-example-application" target="_blank">https://github.com/os-js/osjs-example-application</a>)を真似すれば、オリジナルのアプリを組み込めるということです。 
↓ 
![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/osjs1.gif)

 

サーバーとのコネクションは、WebSocketを使って、監視しているようです。サーバーを停止すると、メッセージが表示されます。 
↓ 
![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/image2.png)

<blockquote class="info">
【 WebSocket 】
WebSocket（ウェブソケット）は、単一のTCPコネクション上に双方向通信のチャンネルを提供する、コンピュータの通信プロトコルの1つです。
Node.jsの場合、「ws」あるいは、「socket.io」ライブラリを使って実装できます。
</blockquote>

 

<a class="anchor" id="anchor2"></a>

# OS.jsを動かしてみる
「File Manager」を動かしてみます。 
パソコンのファイルをドラッグ＆ドロップでアップロードして、OS.js上で開いています。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/osjs2.gif)

 

フォルダのドラッグ＆ドロップはダメなようです。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/image3.png)

 

フォルダを作成して、先ほどのファイルをコピー＆ペーストしています。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/osjs3.gif)

 

その他、電卓、Draw系アプリ等々、OS.js標準機能でいろいろ入っています。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/image4.png)

 

<a class="anchor" id="anchor3"></a>

# OS.jsのアプリを組み込んでみる
## テトリス
公式リポジトリのアプリ`@osjs/tetris-application`を組み込みます。

```sh
# npm install @osjs/tetris-application
# npm run package:discover
```

ブラウザの中でテトリスが動きます！

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/osjs4.gif)

 

ちなみに、JavaScriptのテトリス自体は、OS.js作者とは別の方が作成していて、独立したプログラムです。(<a href="https://github.com/jakesgordon/javascript-tetris/">https://github.com/jakesgordon/javascript-tetris/</a>) これをOS.jsの中に組み込んでいることになります。

 

## ターミナル

公式リポジトリのアプリ`npm install @osjs/xterm-application`を組み込みます。

```sh
# npm install @osjs/xterm-application
# npm run package:discover
# vi src/server/config.js
```

 

そのままの場合、「demo」ユーザーのパスワードを聞かれますので、 
`public: path.resolve(root, 'dist')`の末尾にカンマと
<pre><code> xterm: {
 login: false
 }</code></pre>
の３行を追加します。

```sh
module.exports = {
 root,
 port: 8000,
 public: path.resolve(root, 'dist'),
 xterm: {
 login: false
 }
};
```

ブラウザの中でターミナルが動きます！

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/osjs5.gif)

 

以下の図のようにアクセス制限が有る場合、プロキシ的な使い方ができると思います。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/osjs_install/terminal.svg)

 

<a class="anchor" id="anchor4"></a>

# OS.jsの作者について
ノルウェーの Anders Evenrud という方が個人で開発していて、2021年5月現在、頻繁に更新されています。
エンジニアとして働く傍ら、お金を稼ぐつもりは無く趣味で開発されているようです。 
（公式サイトのチャットで本人談より）

ブラウザのみでデスクトップ環境を構築できる「OS.js(https://demo.os-js.org/)」というのを見つけました。 きっかけは、SynologyのDSM(https://demo.synology.com/ja-jp/dsm)がどういう仕組みで動いているか気になり、調べていたところ、 Sencha Ext JSというJavaScriptフレームワークが使われているようなのは、分かったのですが、ソースコードは無く、それ以上の追及は断念し、似たものが無いか探したことです。 結果、似たものとしてOS.jsが見つかりました。 OS.jsは、Node.jsで動くSPA(Single Page Application)になります。 OS.jsのプログラムは、サーバー側で処理するプログラムとクライアント（ブラウザ）側で処理するプログラムがあり、どちらもJavaScriptです。ソースコードが公開されています。 ライセンスは、BSD 2-Clause License になります。 今回、OS.jsのインストールと、アプリを組み込む方法が分かりましたので、実践していきます。 ・OS.jsインストール ・OS.jsを動かしてみる ・OS.jsのアプリを組み込んでみる ・OS.jsの作者について

Node.jsのSPA「OS.js」について

# はじめに
 
Wekan Open-Source kanban 
をソースコードを使ってインストールしてみました。 
 
Wekanは、OSSのかんばん管理ツールです。社内タスクの管理、見える化に役立ちます。 
ソースコードは、Node.js、Meteorフレームワークで構成されています。MITライセンスです。 
同じ目的の場合、Trelloが有名ですが、閉じた環境で自力運用したくて、Wekanを選びました。 
 
インストール環境：CentOS Linux release 8.3.2011 (VMware上、インターネット接続あり) 
 
別記事<a href="https://itc-engineering-blog.netlify.app/blogs/knfpjkzmc1" target="_blank">「CentOS8にwekanをインストール(snap編)」</a>では、snapを使い、インストールしましたが、今回は、snapを使わず、dockerでもなく、ソースからインストールしていきます。 
<a href="https://github.com/wekan/wekan" target="_blank">github.com/wekan</a> から rebuild-wekan.sh というのを見つけて、この内容を行えばできそうと思い、やってみました。 
基本的に rebuild-wekan.sh の内容通りでしたが、今回の環境の場合、CentOSのため、rebuild-wekan.sh の序盤 apt-get でいきなりコケますので、dnf, yumで代替して進めています。

 

# インストール準備
 
<blockquote class="warn">
root権限で作業していますので、全てsudoは省略しています。
</blockquote>

 

git cloneでソースコードをコピーしたいので、gitをインストールします。 
```sh
# dnf install git
Is this ok [y/N]: y
```
※以降基本的にyのため、-yを付けます。 
　-y は、? [y/N]: のようなときに自動的に y とするオプションです。 

<blockquote class="info">
dnf = Dandified Yum（ダンディファイド ヤム、略してDNF）
は、RPMベースのパッケージ管理システムを採用しているLinuxディストリビューション用のパッケージマネージャであるYum 3.4のフォークであり、Yumの事実上の後継バージョンです。（Wikipediaより）
Dandified = いきにめかしこんだ、しゃれこんだ
という意味になります。
</blockquote>

 

wekanのソースコードを取得します。 
```sh
# cd /opt
# git clone https://github.com/wekan/wekan.git
# cd wekan
```

 

# Wekan依存関係インストール

rebuild-wekan.sh では、 
`sudo apt-get install -y build-essential gcc g++ make git curl wget npm p7zip-full` 
となっていますので、それに相当することをやっていきます。 
 
開発ツールをまとめてインストールします。 
```sh
# yum -y groupinstall "Development Tools"
```
<blockquote class="info">
UbuntuやDebianのbuild-essential に相当するようです。
autoconf, automake, gcc-c++ ... 等々、開発用のツールが大量にインストールされます。
※今回は最初にdnfでインストールしましたが、ここでgitも入るようです。
</blockquote>

<blockquote class="info">
p7zip-fullに関して、rebuild-wekan.shでは、
<pre><code>#curl https://releases.wekan.team/fibers-multi.7z -o fibers-multi.7z
#7z x fibers-multi.7z
#rm fibers-multi.7z</code></pre>
とコメントアウトされていますので、インストールしませんでした。
</blockquote>

 

npmをインストールします。 
```sh
# dnf -y install npm
```
<blockquote class="info">
npmは、Node.jsのパッケージ管理システムです。
</blockquote>

 

nodeをインストールします。 
```sh
# npm -g install n
# n 12.22.1
```
<blockquote class="info">
nは、Node.js(node)のバージョンを管理するツールです。
今回、12.22.1 を指定しています。（rebuild-wekan.shがそうなっているため。）
</blockquote>

 

npmを最新版に更新して、node-gypをインストールします。 
```sh
# npm -g install npm
# npm -g install node-gyp
```
<blockquote class="info">
node-gyp(gyp=Generate Your Projects)は、Node.jsのネイティブアドオンモジュールをコンパイルするために、Node.jsで書かれたクロスプラットフォームのコマンドラインツールです。
ネイティブアドオンモジュールとは、Node.js本体を拡張するプログラム(C/C++)となります。
</blockquote>

 

fibersをインストールします。
```sh
# mkdir -p /usr/local/lib/node_modules/fibers/.node-gyp
# npm -g install fibers
```
<blockquote class="info">
fibersというのは、Node.jsの非同期処理用のライブラリです。今回は、これがNode.jsのネイティブアドオンモジュールにあたるようです。
</blockquote>

 

Meteorをインストールします。
```sh
# curl https://install.meteor.com | bash
```
<blockquote class="info">
https://install.meteor.comの内容は、シェルスクリプトで、ダイレクトに実行しているのですが、ファイル（meteor-bootstrap-${PLATFORM}.tar.gz）をダウンロードするところが有り、タイミングによるかもしれませんが、ここで、かなり時間がかかりました。（１時間くらい）
</blockquote>

 

# Wekanのビルド

meteor buildコマンドでWekanをビルドします。
```sh
# rm -rf node_modules .meteor/local .build
# chmod u+w *.json
# npm install
# meteor build .build --directory --allow-superuser
```
<blockquote class="info">
rootユーザーの場合、
--allow-superuser
を付けないとエラーになりますので、付けて実行します。
</blockquote>

<blockquote class="alert">
meteor buildは、かなりメモリを消費するようです。メモリ1GBで行ったときは、処理が遅延し、２時間以上かかりました。メモリ4GB程度にすることをお勧めします。
</blockquote>

 

ゴミ掃除します。
```sh
# rm -rf .build/bundle/programs/web.browser.legacy
# cd .build/bundle/programs/server
# rm -rf node_modules
# chmod u+w *.json
# npm install
# cd ../../../..
# cd .build/bundle
# find . -type d -name '*-garbage*' | xargs rm -rf
# find . -name '*phantom*' | xargs rm -rf
# find . -name '.*.swp' | xargs rm -f
# find . -name '*.swp' | xargs rm -f
```
 

ここまでで、rebuild-wekan.sh の内容は終了です。 

 

起動してみます。
```sh
# cd /opt/wekan
# ./start-wekan.sh
/opt/wekan/.build/bundle/programs/server/node_modules/fibers/future.js:313
 throw(ex);
 ^
```

 

エラーになりました。それもそのはず、mongodbをインストールしていませんでした。

 

# mongodbインストール
 
mongodbのyumリポジトリ情報を追加します。
```sh
# vi /etc/yum.repos.d/mongodb-org.repo
```

```sh
[mongodb-org-4.4]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/4.4/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-4.4.asc
```

 

mongodb(クライアント、サーバー)4.4をインストールします。
```sh
# yum install -y mongodb-org
# mongo -version
MongoDB shell version v4.4.5
```

 

mongodbを起動します。
```sh
# systemctl enable mongod
# systemctl start mongod
```

 

もう一度、start-wekan.shでWekanを起動してみます。
```sh
# ./start-wekan.sh
Presence started serverId=a58yzr6zJwvtv3XDg
```
起動しました！ 
 
CTRL + C で停止して、systemdに登録します。 

 

# wekan起動設定
 
wekan起動時の環境変数を記述します。
```sh
# vi /opt/wekan/.build/bundle/.env
```
```sh
MONGO_URL='mongodb://127.0.0.1:27017/wekan'
ROOT_URL='http://wekan.itccorporation.jp'
MAIL_URL='smtp://user:pass@mailserver.example.com:587'
MAIL_FROM='wekan@itccorporation.jp'
PORT=3001
```

 

systemdに登録します。
```sh
# vi /etc/systemd/system/wekan.service
```
```sh
MONGO_URL='mongodb://127.0.0.1:27017/wekan'
[Unit]
Description=Wekan Server
After=syslog.target
After=network.target

[Service]
Type=simple
Restart=on-failure
StartLimitInterval=86400
StartLimitBurst=5
RestartSec=10
ExecStart=/usr/local/bin/node /opt/wekan/.build/bundle/main.js
EnvironmentFile=/opt/wekan/.build/bundle/.env
ExecReload=/bin/kill -USR1 $MAINPID
RestartSec=10
WorkingDirectory=/opt/wekan
StandardOutput=syslog
StandardError=syslog
SyslogIdentifier=Wekan

[Install]
WantedBy=multi-user.target
```
<blockquote class="info">
root権限起動のため、
<pre><code>User=wekan
Group=wekan</pre></code>
のような記述は省略しています。
インターネットへの疎通が無い社内の閉じたLAN限定で運用するため、root起動ですが、通常は、ユーザー権限でセットアップ、起動した方が良いと思います。
</blockquote>

 

```sh
# systemctl daemon-reload
# systemctl start wekan
# systemctl enable wekan
```

 

# ブラウザアクセス
 
ファイアウォール有りで、外から見る場合、3001ポートを開ける必要があります。

```sh
# firewall-cmd --zone=public --add-port=3001/tcp --permanent
# firewall-cmd --reload
```

 

http://wekan.itccorporation.jp:3001 へブラウザでアクセス 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/wekan_install/image01.png) 

 

できました！

Wekan Open-Source kanban をソースコードを使ってインストールしてみました。 Wekanは、OSSのかんばん管理ツールです。社内タスクの管理、見える化に役立ちます。 ソースコードは、Node.js、Meteorフレームワークで構成されています。MITライセンスです。 同じ目的の場合、Trelloが有名ですが、閉じた環境で自力運用したくて、Wekanを選びました。 インストール環境：CentOS Linux release 8.3.2011 (VMware上、インターネット接続あり) 別記事「CentOS8にwekanをインストール(snap編)」では、snapを使い、インストールしましたが、今回は、snapを使わず、dockerでもなく、ソースからインストールしていきます。 github.com/wekan から rebuild-wekan.sh というのを見つけて、この内容を行えばできそうと思い、やってみました。 基本的に rebuild-wekan.sh の内容通りでしたが、今回の環境の場合、CentOSのため、rebuild-wekan.sh の序盤 apt-get でいきなりコケますので、dnf, yumで代替して進めています。

CentOS8にwekanをインストール(ソースからビルド編)

# はじめに
 
Wekan Open-Source kanban 
をsnapを使ってインストールしてみました。 
 
Wekanは、OSSのかんばん管理ツールです。社内タスクの管理、見える化に役立ちます。 
ソースコードは、Node.js、Meteorフレームワークで構成されています。MITライセンスです。 
同じ目的の場合、Trelloが有名ですが、閉じた環境で自力運用したくて、Wekanを選びました。 
 
インストール環境：CentOS Linux release 8.3.2011 (VMware上、インターネット接続あり) 

 

# snapインストール
 
<blockquote class="warn">
root権限で作業していますので、全てsudoは省略しています。
</blockquote>

 

EPELリポジトリを追加します。 
```sh
# dnf install epel-release
Is this ok [y/N]: y
```
※以降基本的にyのため、-yを付けます。 
　-y は、? [y/N]: のようなときに自動的に y とするオプションです。

 

パッケージを更新します。 
```sh
# dnf -y upgrade
```

 

snapdをインストールします。 
```sh
# dnf install -y snapd
```
<blockquote class="info">
snapdは、パッケージ管理システムsnapのデーモン（常駐プログラム）です。パッケージ管理システムは、CentOSで言うと、yum、dnf。Ubuntuで言うと、aptみたいなものです。
snapは、Linuxのディストリビューション（CentOS,Ubuntu,Rasbery pi,…）を気にしなくてアプリをインストールできる仕組みです。コンテナ技術でファイルシステムとは切り離されて隔離した環境下で動作しますので、既存環境を汚しません。アプリを削除するときも他のアプリの依存環境に影響しません。
snapパッケージは、「Snap Store」と呼ばれる場所から配布されています。
</blockquote>

 

snapd.socketをアクティベーションします。 
（/usr/libexec/snapd/snapdを起動します。） 
```sh
# systemctl enable --now snapd.socket
```
<blockquote class="info">
この時、snapdが起動します。snapdは常駐プログラムですので、snapコマンドで操作することになります。
</blockquote>

 

# wekanインストール
 
snapコマンドで、Snap Storeからwekanをインストールします。
```sh
# snap install wekan
```
<blockquote class="warn">
<pre><code># systemctl enable --now snapd.socket</code></pre>
のすぐ後に実行すると、
<pre><code>error: too early for operation, device not yet seeded or device model not acknowledged</code></pre>
とエラーになります。数秒待って実行する必要があります。（再起動が確実です。）
</blockquote>

 

wekanの設定を行います。 
http://wekan.itccorporation.jp:3001 でアクセスし、 
メールサーバー：mailserver.example.com:587 
メール送信ユーザー：user 
メール送信パスワード：pass 
とします。 
```sh
# snap set wekan root-url='http://wekan.itccorporation.jp'
# snap set wekan port='3001'
# snap set wekan mail-url="smtp://user:pass@mailserver.example.com:587"
```

 

wekanを再起動します。（設定の反映）

```sh
# systemctl restart snap.wekan.wekan
```

 

# ブラウザアクセス
 
ファイアウォール有りで、外から見る場合、3001ポートを開ける必要があります。

```sh
# firewall-cmd --zone=public --add-port=3001/tcp --permanent
# firewall-cmd --reload
```

 

http://wekan.itccorporation.jp:3001 へブラウザでアクセス 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/wekan_install/image01.png) 

 

できました！

Wekan Open-Source kanban をsnapを使ってインストールしてみました。 Wekanは、OSSのかんばん管理ツールです。社内タスクの管理、見える化に役立ちます。 ソースコードは、Node.js、Meteorフレームワークで構成されています。MITライセンスです。 同じ目的の場合、Trelloが有名ですが、閉じた環境で自力運用したくて、Wekanを選びました。 インストール環境：CentOS Linux release 8.3.2011 (VMware上、インターネット接続あり) snapインストール EPELリポジトリを追加します。 # dnf install epel-release Is this ok [y/N]: y パッケージを更新します。 # dnf -y upgrade

CentOS8にwekanをインストール(snap編)

# はじめに
CentOS-8.3 にインストールした Rocket.Chat-3.13.3 を少し使ってみました。少し使ってみただけで、マニュアルとかではありません。 
Webブラウザの画面は、全てMicrosoft Edgeブラウザを使用しています。 

 

# 初回管理者登録
 
## 管理者情報
 
管理者の名前、ユーザー名、メールアドレス、パスワードを入力します。 
この画面で一番に登録した人が管理者です。 
名前：表示名 
ユーザー名：アカウントID 
の関係です。

<blockquote class="warn">
ユーザー名は半角文字(英数字・ドット・マイナス)だけ使用可能です。
</blockquote>

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image1.png) 

 

## 組織情報

自社で使う分には、入力内容は何でも良いと思います。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image2.png) 

 

## サーバー情報

「電子メールを介した2ファクタ認証の新規ユーザーの自動選択」ですが、英語では、「Auto opt in new users for Two Factor via Email」でして、プロフィール関連のアクション（メールの変更、パスワードの変更、アバターの変更）でメールを使用して、2FA（二要素認証）が求められるようです。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image3.png) 

 

## サーバーを登録する

今回、（メール送信以外）インターネットとは無関係で運用したいので、「次を自分で実施し、スタンドアローン利用する」にします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image4.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image5.png) 

 

## ワークスペースを開く

「ワークスペースを開く」をクリックします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image6.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image7.png) 

 

# ユーザー登録

## ユーザー登録方法１

管理者以外でアクセスすると、このような画面になりますので、「新しいアカウントを登録」にて、アカウント登録できます。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image8.png) 

 

ここで入力するのは、名前です。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image9.png) 

 

ユーザー名を入力します。 

<blockquote class="warn">
ユーザー名は半角文字(英数字・ドット・マイナス)だけ使用可能です。
</blockquote>

※ユーザー名「太郎」とエラーにしています。 
↓
![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image10.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image11.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image12.png) 

 

## ユーザー登録方法２

管理者でログインします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image13.png) 

 

アカウントのアイコンのところをクリックして、「管理」をクリックします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image14.png) 

 

「ユーザー」をクリックします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image15.png) 

 

「+ New」をクリックします。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image16.png) 

 

「ユーザーを追加」部分に新規アカウント情報を入力します。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image17.png) 

 

<blockquote class="warn">
「パスワードの変更を要求」の部分は、初回ログイン時にパスワードの変更を強制するかどうかです。今回は、有効にします。
</blockquote>

 

「保存」をクリックします。 
※「バイオ」と書いてある部分は、バイオグラフィーの事です。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image18.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image19.png) 

 

## 追加したユーザーでログイン

ユーザー名（半角英数）、パスワードでログインします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image20.png) 

 

パスワードを変更します。

<blockquote class="warn">
「パスワードの変更を要求」を有効にした場合です。
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image21.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image23.png) 

 

# 新しいチャンネルを作成

チャンネルを追加します。

<blockquote class="info">
「チャンネル」は、"トークルーム"と同じ意味です。「ルーム」や「Room」と書かれている場合もあります。
</blockquote>

「新しいチャンネルを作成」アイコンをクリックします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image24.png) 

 

「チャンネル」をクリックします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image25.png) 

 

必要事項入力、設定後、「作成」をクリックします。

<blockquote class="info">
「暗号化」は、おろらく開発中のため、有効化できませんでした。
今回、「プライベート」を有効にしたため、招待を受けた人しかトークに参加できません。「Add Members」に入れておけば、招待せずに参加者となります。後で招待することもできます。
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image26.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image27.png) 

 

# メッセージ入力

## 基本

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image28.png) 

 

画面下の入力欄にメッセージを入れて送信ボタン（入力欄の右のボタン）を押すと入力したメッセージが反映されます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image29.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image30.png) 

## 文字修飾

一番下の 「B」アイコンをクリックして、文字を入力すると、太字になります。
\*は、自分で入力しても良いです。
ただし、\*[スペース]太字[スペース]\* のようにするのは、ＮＧです。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image31.png) 


その他、「B」の右隣から 
\_斜体\_ 
 
\~取り消し線\~ 
 
\`インラインコード\` 
 
\`\`\` 
マルチラインコード 
\`\`\` 
 
になります。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image40.png) 

<blockquote class="info">
KaTeX（数式表示）も対応しているようで、
<a href="https://katex.org/docs/supported.html" target="_blank">https://katex.org/docs/supported.html</a> のサンプルを元に記述します。
ただ、サンプルに <pre><code>\tilde{a}</code></pre> とある場合、\[ \] で囲んで、<pre><code>\[\tilde{a}\]</code></pre> としないといけませんでした。
また、複数行の場合、１行にしないといけませんでした。
<pre><code>\begin{matrix}
 a & b \\
 c & d
\end{matrix}</code></pre>
↓
<pre><code>\[\begin{matrix} a & b \\ c & d \end{matrix}\]</code></pre>
※改行は、CTRL+エンター、または、SHIFT+エンターですが、&lt;br&gt;と表示されてしまいます。
</blockquote>

<blockquote class="warn">
[URLリンク](https://itccorporation.jp/)などのMarkDown記法もできましたが、ヘッダー（# title）は、初期状態の場合、そのまま「# title」と表示されて、Markdownと認識させるために　管理→メッセージ→Markdown→「ヘッダーを有効にする」　の有効化が必要でした。</a> 
</blockquote>

 

## メンション機能

メッセージ欄に @ユーザ名 をつけると、対象のユーザにメッセージが来たことをメール等でおしらせする事ができます。※これを メンション 機能といいます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image41.png) 

 

ユーザ名 メッセージ の表示になります。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image42.png) 

 

## 引用
 
メッセージを選択して、「引用」アイコンをクリックすると、新規メッセージの下に引用されたメッセージが表示されます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image43.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image44.png) 
 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image45.png) 

 

## スレッド
 
メッセージを選択して、「スレッドで返信」アイコンをクリックすると、そのメッセージ関して、スレッドを作成して、議論できます。（そのメッセージに関するやり取りが起点メッセージのところでまとめられます。）

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image46.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image47.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image48.png) 

 

## ファイル送信
 
メッセージ入力欄の＋マークを選択します。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image53.png) 

 

ファイルを追加する から コンピューター　を選択します。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image57.png) 

 

ファイルを選択します。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image54.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image58.png) 

 

メッセージの下にファイル名、画像（.gif, .png, .jpg）の場合は、画像がそのまま表示されます。

<blockquote class="info">
.bmpは通常ファイル扱い。.svgは、エラーになりました。</a> 
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image55.png) 

 

画像をクリックすると、拡大表示されます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image60.png) 

 

ファイル名の横にある、下矢印のアイコンを選択すると、ファイルのダウンロードが行えます。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image59.png) 

 

# アプリ

## Windows アプリ

<a href="https://github.com/RocketChat/Rocket.Chat.Electron/releases/" target="_blank">https://github.com/RocketChat/Rocket.Chat.Electron/releases/</a> から rocketchat-setup-3.1.1.exe をダウンロードしてインストールしてみました。 

 

最初にサーバーURLを入力します。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image61.png) 

 

メールアドレスまたはユーザー名、パスワードを入力してログインします。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image62.png) 

 

ログインできました。左側のアイコンは、サーバーが選択できるようです。（サーバーは上のファイルメニューで追加できます。）その他、上のメニュー以外ブラウザ画面とほぼ同一のインターフェイスのようです。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image63.png) 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image64.png) 

 

アプリ版は、OSの通知がありました。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/image65.png) 

 

## Android アプリ

ようこその画面が正しく表示されないようでした。（日本語の取得に失敗している？） 
※バージョンは、4.16.1.23831 です。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/Android01.png) 

 

構わず、青いボタンで先に進めると、また正しく表示されませんが、エラーメッセージから推測して、Rocket.ChatサーバーのURLを入力しました。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/Android02.png) 

 

エラーになり、先に進めず、今回は断念しました。

<blockquote class="warn">
エラー内容によると、http:// だからのようです。https:// にする必要があります。</a> 
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/Android03.png) 

 

## iOS アプリ

Android版同様、ようこその画面が正しく表示されないようでした。（日本語の取得に失敗している？） 
※バージョンは、4.16.1.23838 です。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/iOS01.png) 

 

構わず、青いボタンで先に進めると、また正しく表示されませんが、エラーメッセージから推測して、Rocket.ChatサーバーのURLを入力しました。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/iOS02.png) 

 

ログイン画面まで進んでログインできました。

<blockquote class="info">
最初「ログイン」ボタンが反応しなかったのですが、もう一度起動したら反応しました。</a> 
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/iOS03.png) 

 

通知機能が使えて、特に問題無さそうでした。

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/using_rocketchat/iOS04.png)

CentOS-8.3 にインストールした Rocket.Chat-3.13.3 を少し使ってみました。少し使ってみただけで、マニュアルとかではありません。 Webブラウザの画面は、全てMicrosoft Edgeブラウザを使用しています。 初回管理者登録 管理者情報 管理者の名前、ユーザー名、メールアドレス、パスワードを入力します。 この画面で一番に登録した人が管理者です。 名前：表示名 ユーザー名：アカウントID の関係です。 ユーザー名は半角文字(英数字・ドット・マイナス)だけ使用可能です。 組織情報 自社で使う分には、入力内容は何でも良いと思います。

Rocket.Chatを使ってみた

# はじめに
Rocket.Chatとは、オープンソースのビジネスチャットシステムです。 
Node.js(JavaScript)とMeteorフレームワークで作られています。 
MIT Licenseで、GitHubにソースコードが公開されています。 
 
SaaS(クラウド)にも対応しています。 
そちらは、現時点で2 USD～です。 
オンプレミス（自前サーバーで運用）の場合、MIT Licenseですので、無料です。 
ということで、さっそく、自前のCentOSサーバーにインストールしてみようと思います。 
ソースコードを触る可能性がゼロではないため、Dockerを使わず、ビルドチャレンジになります。
 
インストール環境：CentOS Linux release 8.3.2011 (VMware上、インターネット接続あり)

 

# インストール準備

<blockquote class="warn">
root権限で作業していますので、全てsudoは省略しています。
</blockquote>

 

アップデート可能なパッケージを調査します。
```sh
# yum -y check-update
```

 

たくさん表示されたので、yum updateを行いました。 

```sh
# yum update
```

 

mongodbのyumリポジトリ情報を追加します。

```sh
# vi /etc/yum.repos.d/mongodb-org.repo
```

```sh
[mongodb-org-4.2]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/4.2/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-4.2.asc
```

 

# node, mongodb インストール
 
curlをインストールして、そのままNode.jsのリポジトリをインストールします。
```sh
# yum install -y curl && curl -sL https://rpm.nodesource.com/setup_12.x | bash -
```

<blockquote class="info">
curl -sL https://rpm.nodesource.com/setup_12.x | bash -
の意味ですが、
まず、
curl -sL https://rpm.nodesource.com/setup_12.x から得られるのは、シェルスクリプトの内容です。
これがパイプを介して、 - に渡り、- (標準出力内容)がシェルスクリプトファイルのような役割になり、
bash [シェルスクリプト]
と実行しています。
# curl -sL https://rpm.nodesource.com/setup_12.x > hoge.sh
# bash hoge.sh
と同じ意味です。
 
curlのオプションの意味は、以下です。
-L ： レスポンスにリダイレクトの指示があったらリダイレクトする。
-s ： エラーやプログレス表示をしない（取りに行った情報以外何も表示しない。）
</blockquote>

<blockquote class="info">
https://rpm.nodesource.com/setup_12.x
から得られるシェルスクリプトは、けっこう長いです。
#!/bin/bash
 
# Discussion, issues and change requests at:
# https://github.com/nodesource/distributions
#
# Script to install the NodeSource Node.js 12.x repo onto an
# Enterprise Linux or Fedora Core based system.
#
# Run as root or insert `sudo -E` before `bash`:
#
（略）
</blockquote>

 

gcc-c++、make、mongodb(クライアント、サーバー)、node、npm をインストールします。
```sh
# yum install -y gcc-c++ make mongodb-org nodejs
```

 

yarnをインストールします。※特に必須ではありませんが、一応。
```sh
# curl -sL https://dl.yarnpkg.com/rpm/yarn.repo | tee /etc/yum.repos.d/yarn.repo
# yum install -y yarn
```
<blockquote class="info">
yarnはnpmの互換ツールです。yarn,npmの説明はここでは割愛します。
</blockquote>

 

# バージョン確認
 
バージョンを確認します。
```sh
# mongo -version
MongoDB shell version v4.2.13

# node -v
v12.22.1

# npm -v
6.14.12

# npm update -g
# npm -v
6.14.13

# yarn -v
1.22.5
```

 

# Rocket.Chat インストール
 
サードパーティ製のリポジトリepel-releaseと画像処理ライブラリGraphicsMagickをインストールします。
```sh
# yum install -y epel-release
# yum install -y GraphicsMagick
```

 

Rocket.Chatをインストールします。 
```sh
# curl -L https://releases.rocket.chat/latest/download -o /tmp/rocket.chat.tgz
# tar -xzf /tmp/rocket.chat.tgz -C /tmp
# cd /tmp/bundle/programs/server && npm install
# mv /tmp/bundle /opt/Rocket.Chat
# useradd -M rocketchat && usermod -L rocketchat
# chown -R rocketchat:rocketchat /opt/Rocket.Chat
```

<blockquote class="info">
useraddコマンド：
-M：--no-create-homeの省略形。ユーザーのホームディレクトリを作成しない。
-L：ユーザーをロックし、使用できなくする。
</blockquote>

 

# mongodb, Rocket.Chat 起動

```sh
# vi /lib/systemd/system/rocketchat.service
```

```sh
[Unit]
Description=The Rocket.Chat server
After=network.target remote-fs.target nss-lookup.target nginx.service mongod.service
[Service]
ExecStart=/usr/local/bin/node /opt/Rocket.Chat/main.js
StandardOutput=syslog
StandardError=syslog
SyslogIdentifier=rocketchat
User=rocketchat
Environment=MONGO_URL=mongodb://localhost:27017/rocketchat?replicaSet=rs01 MONGO_OPLOG_URL=mongodb://localhost:27017/local?replicaSet=rs01 ROOT_URL=http://localhost:3000/ PORT=3000
[Install]
WantedBy=multi-user.target
```

 

nodeコマンドの位置を確認します。
```sh
# which node
/usr/bin/node
```


node [main.jsファイル]で起動するのですが、nodeの位置が違うため、修正します。 
また、今回は、ブラウザから http://chat.itccorporation.jp:3000 でアクセスしたいため、ROOT_URLを修正します。
```sh
# vi /usr/lib/systemd/system/rocketchat.service
```
ExecStart=/usr/local/bin/node /opt/Rocket.Chat/main.js 
↓ 
ExecStart=/usr/bin/node /opt/Rocket.Chat/main.js 
 
ROOT_URL=http://localhost:3000 
↓ 
ROOT_URL=http://chat.itccorporation.jp:3000 

 

```sh
# sed -i "s/^#replication:/replication:\n replSetName: rs01/" /etc/mongod.conf
```
<blockquote class="info">
MongoDB の レプリカセット（レプリケーション）を設定しています。ただし、プライマリ１台です。何でこれを行っているかと言いますと、Rocket.Chatの公式サイトには、以下の説明があります。
 
「Rocket.Chat uses the MongoDB replica set to improve performance via Meteor Oplog tailing.」
⇒Meteor Oplog tailingにより、パフォーマンスを向上させるため。
 
以上。
 
で先に進もうかと思いましたが、一つずつ、紐解いてみました。
 
Oplog = オペレーションログ（プライマリで起きたことをセカンダリに伝える情報）PostgreSQLのWALみたいなものです。（あくまでイメージ）
 
Meteor = フレームワークですが、ここでは、Oplogを監視する仕組み
 
tailing = tail -f access_log のようにずっと見ていること
 
データの差分を把握するよりもOplogをリアルタイム監視した方がレスポンスが速いからこの設定が必要というわけですね。
</blockquote>

 

<blockquote class="warn">
公式サイトのCentOS7の手順によりますと、
# sed -i "s/^# engine:/ engine: mmapv1/" /etc/mongod.conf
の手順で、ストレージエンジンをmmapv1にする手順がありますが、これは不要でした。
MMAPv1 ストレージエンジンは、メモリとディスクを駆使して、データの読み書きを担当するプログラムです。MongoDB 4.2から廃止されて、WiredTigerストレージエンジンになりました。WiredTiger(標準設定)の方が優れているようです。
</blockquote>

 

```sh
# systemctl enable mongod
# systemctl start mongod
# mongo --eval "printjson(rs.initiate())"
MongoDB shell version v4.2.13
connecting to: mongodb://127.0.0.1:27017/?gssapiServiceName=mongodb
Implicit session: session { "id" : UUID("dc0e6888-0f2f-4135-93c4-29d257deac42") }
MongoDB server version: 4.2.13
{
 "info2" : "no configuration specified. Using a default configuration for the set",
 "me" : "127.0.0.1:27017",
 "ok" : 1
}
```
"ok" : 1 となっていれば、問題無しです。

 

```sh
# systemctl enable rocketchat
# systemctl start rocketchat
```

 

# ブラウザアクセス

地味にハマりますが、ファイアウォール有りで、外から見る場合、3000ポートを開ける必要があります。
```sh
# firewall-cmd --zone=public --add-port=3000/tcp --permanent
# firewall-cmd --reload
```

 

http://chat.itccorporation.jp:3000 へブラウザでアクセス

 

最初は、管理者アカウントの登録画面になります。 
 
![""](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/RocketChat/image01.png) 

 

できました！

Rocket.Chatとは、オープンソースのビジネスチャットシステムです。 Node.js(JavaScript)とMeteorフレームワークで作られています。 MIT Licenseで、GitHubにソースコードが公開されています。 SaaS(クラウド)にも対応しています。 そちらは、現時点で2 USD～です。 オンプレミス（自前サーバーで運用）の場合、MIT Licenseですので、無料です。 ということで、さっそく、自前のCentOSサーバーにインストールしてみようと思います。 ソースコードを触る可能性がゼロではないため、Dockerを使わず、ビルドチャレンジになります。 インストール環境：CentOS Linux release 8.3.2011 (VMware上、インターネット接続あり)

CentOS8にRocket.Chatをインストール

# はじめに
CentOS Linux release 8.3.2011 
に 
・Apache 2.4.37 
・PHP 7.4.6 
・PostgreSQL 13.2 
・OpenLDAP 2.4.46 
インストールを行います。 
作業時期は、2021年5月ですので、 
時期によっては、バージョンが異なっていたり、 
うまくいかなかったりするかもしれません。 

 

# インストール準備

<blockquote class="warn">
root権限で作業していますので、全てsudoは省略しています。
</blockquote>

 

アップデート可能なパッケージを調査します。
```sh
# dnf check-update
```

 

表示された場合、dnf updateを行い、全てのパッケージを最新にしておきます。

```sh
# dnf update
```

 

タイムゾーンを設定します。 

```sh
# timedatectl set-timezone Asia/Tokyo
```
※この後インストールするPostgreSQLの設定postgresql.confに timezone = 'Asia/Tokyo' が設定されます。

 

# apache2インストール

```sh
# dnf install httpd
Is this ok [y/N]:y
```
※以降基本的にYのため、-yを付けます。 
　-y は、? [y/N]: のようなときに自動的に y とするオプションです。

 

# phpインストール

どのようなバージョンがあるか調べます。

```sh
# dnf module list php
CentOS Linux 8 - AppStream
Name Stream Profiles Summary
php 7.2 [d] common [d], devel, minimal PHP scripting language
php 7.3 common [d], devel, minimal PHP scripting language
php 7.4 common [d], devel, minimal PHP scripting language
```
<blockquote class="info">
7.2 [d] となっていますが、7.2がデフォルトであることを示しています。
「AppStream」とは、Red Hat Enterprise Linux 8 標準リポジトリの内の一つ AppStream リポジトリです。もう一つは、BaseOS リポジトリです。
</blockquote>

 

このままインストールすると、php-7.2になりますので、7.4を有効にします。

```sh
# dnf -y module enable php:7.4
```
<blockquote class="info">
フルで書く場合、フォーマットは、
# dnf module [Command] [Name]:[Stream]/[Profile]
ですので、
# dnf module enable php:7.4/common
になります。
commonは、[d] でデフォルト扱いですので、省略した場合、Profile=common です。
</blockquote>

 

```sh
# dnf -y module install php
```
<blockquote class="info">
先ほど、php:7.4/commonを有効にしたため、
php:7.4/commonがインストールされます。
# dnf module install php:7.4
あるいは、
# dnf module install php:7.4/common
でも同じ結果です。
</blockquote>

<blockquote class="info">
Profile=devel (# dnf module install php:7.4/devel)
の場合、php本体はインストールされず、
perl-*
php-devel-*
zlib-devel-*
等がインストールされました。
 
Profile=minimal (# dnf module install php:7.4/minimal)
の場合、
php-cli-7.4**
php-common-7.4*
がインストールされました。cliとは、コマンドライン版phpを指します。Webで動いているのは、「CGI版」です。
</blockquote>

 

インストールされたことを確認します。
```sh
# dnf module list php
CentOS Linux 8 - AppStream
Name Stream Profiles Summary
php 7.2 [d] common [d], devel, minimal PHP scripting language
php 7.3 common [d], devel, minimal PHP scripting language
php 7.4 [e] common [d] [i], devel, minimal PHP scripting language
```
<blockquote class="info">
common [d] [i] の [i] はインストールされていることを示します。
</blockquote>

 

# postgresqlインストール

postgresqlは、気が利いてまして、 
![""](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos-php/postgresql.png)
↑ 
<a href="https://www.postgresql.org/download/linux/redhat/" target="_blank">ここ</a>で 
・インストールしたいバージョン 
・OS 
・CPUの種類 
を選択するとコピペでインストールできるようにコマンドが出てきます。 

 

pgdg-redhatリポジトリをインストールします。
```sh
# dnf install -y https://download.postgresql.org/pub/repos/yum/reporpms/EL-8-x86_64/pgdg-redhat-repo-latest.noarch.rpm
```

 

既存のPostgreSQLモジュールを無効にします。 
⇒CentOS(RedHat)が配布するpostgresqlの扱いを停止します。
```sh
# dnf -qy module disable postgresql
```
<blockquote class="info">
-y ： 全ての問い合わせに対して「yes」を選択したとみなす
-q ： 実行時にメッセージを出力しない
</blockquote>

 

postgresql13をインストールします。
```sh
# dnf install -y postgresql13-server
```

 

DBを初期化します。
```sh
# /usr/pgsql-13/bin/postgresql-13-setup initdb
```
<blockquote class="info">
/var/lib/pgsql/13/data　がデータ領域で、base 等のディレクトリ、postgresql.conf 等のファイルが作成されます。
</blockquote>

 

起動します。
```sh
# systemctl enable postgresql-13
# systemctl start postgresql-13
```

 

# openldapインストール

<blockquote class="warn">
openldap.x86_64 : LDAP support libraries
openldap.i686 : LDAP support libraries
openldap-clients.x86_64 : LDAP client utilities
openldap-devel.i686 : LDAP development libraries and header files
openldap-devel.x86_64 : LDAP development libraries and header files
perl-Mozilla-LDAP.x86_64 : LDAP Perl module that wraps the OpenLDAP C SDK
としか表示されず、クライアントしか有りません。
openldap-serversは、Identity Management(Red Hat版Active Directoryのようなもの)で使うRed Hat Directory Server推しになり、リポジトリ管理をやめたようです。
・ソースコードをビルド
・389 Directory Serverなどで代替
など案は有りますが、今回、LDAP Serverのインストールは見送ります。
</blockquote>

 

Open LDAP クライアントだけインストールします。
```sh
# dnf -y install openldap-clients
```

 

# phpにpgsql,ldap機能組み込み

```sh
# dnf -y install php-pgsql php-ldap
```

 

# バージョン確認

```sh
# php -v
PHP 7.4.6 (cli) (built: May 12 2020 08:09:15) ( NTS )

# /usr/pgsql-13/bin/postmaster -V
postgres (PostgreSQL) 13.2

# httpd -v
Server version: Apache/2.4.37 (centos)

# ldapsearch -VVV
ldapsearch: @(#) $OpenLDAP: ldapsearch 2.4.46 (Jul 20 2020 20:38:27) $

# curl -V
curl 7.61.1 (x86_64-redhat-linux-gnu) libcurl/7.61.1 OpenSSL/1.1.1g zlib/1.2.11 brotli/1.0.6 libidn2/2.2.0 libpsl/0.20.2 (+libidn2/2.2.0) libssh/0.9.4/openssl/zlib nghttp2/1.33.0
```
※curlは最初から入っていました。

 

# phpinfo確認

```sh
# systemctl start httpd
# systemctl enable httpd
# systemctl start php-fpm
# systemctl enable php-fpm
```

 

phpinfo()のファイルを作成します。
※apache - php 関連の設定は、何もしなくても /etc/httpd/conf.d/php.conf に書かれています。

```sh
# vi /var/www/html/info.php
```

```php
<?php
 phpinfo();
?>
```

 

ファイアウォールの http(８０番ポート) https(４４３番ポート)を開けておきます。
```sh
# firewall-cmd --permanent --zone=public --add-service=http
# firewall-cmd --permanent --zone=public --add-service=https
# firewall-cmd --reload
```

 

http://[IPアドレス]/info.php へブラウザでアクセス

 

![""](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos-php/phpinfo1.png) 

curlは最初から入っていて、最初(php:7.4/common)からphpに組み込まれています。

 

![""](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos-php/phpinfo2.png) 

 

![""](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos-php/phpinfo3.png) 

 

できました！

CentOS Linux release 8.3.2011 に ・Apache 2.4.37 ・PHP 7.4.6 ・PostgreSQL 13.2 ・OpenLDAP 2.4.46 インストールを行います。 作業時期は、2021年5月ですので、 時期によっては、バージョンが異なっていたり、 うまくいかなかったりするかもしれません。 インストール準備 root権限で作業していますので、全てsudoは省略しています。 アップデート可能なパッケージを調査します。 # dnf check-update 表示された場合、dnf updateを行い、全てのパッケージを最新にしておきます。 # dnf update

CentOS8.3にapache2,php,postgresql,openldap-clientをインストール

# はじめに
Windows 10 Pro x64 
VMware-workstation-16.1.1 
CentOS-8.3.2011-x86_64-dvd1.iso 
の組み合わせで作業しています。 
・OSのインストール 
・IPアドレスの設定 
・日本語キーボードの設定
・teratermでsshでログイン 
まで行います。 

 

# CentOS 8.3 インストール

 
## １
 
isoを選択して簡易インストールを使用します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image1.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image2.png
"") 

 
 
## ２
 
<blockquote class="info">
ここで入力する内容は、以下の関係になります。
フル ネーム : 表示名（ログイン画面の名前）
ユーザー名 : システムで管理するアカウントID(chown xxx 等に使うユーザー名。)
パスワード : ログインパスワード
</blockquote>

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image3.png
"") 

 

仮想マシンの名前と保存先を決めます。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image4.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image5.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image6.png
"") 

 

## ３
 
インストールが自動で進んでいきます。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image7.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image8.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image9.png
"") 

 

## ４
 
２で入力した「フル ネーム」をクリックして、２で入力したパスワードでログインします。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image10.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image11.png
"") 

 

# インストール完了からＩＰアドレス設定まで
 
## ５
 
Ｘボタンを押して閉じます。 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image12.png
"") 

 

## ６
 
右上にあるアイコン部分をクリックします。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image13.png
"") 

 
 
## ７
 
Wired Conected -> Wired Settings を選択します。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image14.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image15.png
"") 

 
 
## ８
 
Connected - 1000 Mb/s の右側にある歯車のマークをクリックします。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image16.png
"") 

 

「IPv4」を選択します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image17.png
"") 

 

「Manual」を選択し、 
Address : IPアドレス 
Netmask : サブネットマスク 
Gateway : デフォルトゲートウェイ（ルーター） 
DNS : DNSサーバー 
を入力し、Applyを選択します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image18.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image19.png
"") 

 

## ９
 
Connected - 1000 Mb/s の右側にあるトグルスイッチを ON->OFF->ON に切り替えて、先ほど設定したIPアドレスを有効にします。（ネットワーク設定の再読み込み） 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image20.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image21.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image22.png
"") 

 

# 日本語キーボードの設定

 
## １０
 
「Activites」 クリック後、画面左下を選択し、「Settings」のアイコンを選択します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image23.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image26.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image27.png
"") 

 
 
または、デスクトップを右クリックし、「Settings」を選択します。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image28.png
"") 

 

## １１
 
「Region & Language」を選択します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image29.png
"") 

 

## １２
 
「Input Sources」の ＋ボタンのところを選択します。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image30.png
"") 

 

## １３

「・・・」（縦）を選択します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image31.png
"") 

 

## １４
 
「Other」を選択します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image32.png
"") 

 

## １５
 
「Japanese」を選択します。 ※検索を利用すると素早く選択できます。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image33.png
"") 

 

## １６
 
「Add」ボタンを選択します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image34.png
"") 

 

## １７
 
English (US) を選択して、「－」ボタンをクリックします。

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image35.png
"") 

 
 
日本語キーボード入力に切り替わります。

 

# SSH接続
 
## １８
 
プレインテキストで接続します。 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image24.png
"") 

 

![](https://res.cloudinary.com/dt8zu6zzd/image/upload/blog/centos_install/image25.png
 "") 

無事ログインできました！

Windows 10 Pro x64 VMware-workstation-16.1.1 CentOS-8.3.2011-x86_64-dvd1.iso の組み合わせで作業しています。 ・OSのインストール ・IPアドレスの設定 ・日本語キーボードの設定 ・teratermでsshでログイン まで行います。 CentOS 8.3 インストール １ isoを選択して簡易インストールを使用します。 ２ ここで入力する内容は、以下の関係になります。 フル ネーム : 表示名（ログイン画面の名前） ユーザー名 : システムで管理するアカウントID(chown xxx 等に使うユーザー名。) パスワード : ログインパスワード