DELAEMON BLOG

Live as if you were to die tomorrow. Learn as if you were to live forever.

phoenix アプリのフロントエンド(html/css/javascript)更新をsystemdのunitファイルに追加した

今のsystemd unitファイルはこんな感じ。フロントエンド更新のためにExecStartPreを追加した。

[root@host ~]# cat /usr/lib/systemd/system/phoenix.service
[Unit]
Description = hello phoenix

[Service]
EnvironmentFile=/etc/environments/phoenix
WorkingDirectory=/home/dela/www/hello/
ExecStartPre=/usr/local/src/elixir-1.1.1/bin/elixir /usr/local/src/elixir-1.1.1/bin/mix clean
ExecStartPre=/usr/local/src/elixir-1.1.1/bin/elixir /usr/local/src/elixir-1.1.1/bin/mix deps.get --only prod 
ExecStartPre=node node_modules/brunch/bin/brunch build 
ExecStartPre=/usr/local/src/elixir-1.1.1/bin/elixir /usr/local/src/elixir-1.1.1/bin/mix phoenix.digest
ExecStartPre=/usr/local/src/elixir-1.1.1/bin/elixir /usr/local/src/elixir-1.1.1/bin/mix compile.protocols
ExecStart=/usr/local/src/elixir-1.1.1/bin/elixir -pa _build/prod/consolidated -S /usr/local/src/elixir-1.1.1/bin/mix phoenix.server
Restart = always
Type = simple
User = dela

[Install]
WantedBy = multi-user.target

以下、追加したコマンド

mix clean

Delete generated application files.
前回のコンパイル結果を削除
Mix.Tasks.Clean

mix deps.get --only prod 

Get all out of date dependencies, i.e. dependencies that are not available or have an invalid lock. --only - only fetch dependencies for given environment.
プロダクトモード用の依存パッケージの解決
Mix.Tasks.Deps.Get

brunch build

builds a project for distribution. By default it enables minification.
フロントエンドのコンパイル
brunchって知らなかった。phoenixのアプリのデフォルトのfrontend build tool。glupとかに変更もできる。
Brunch - ultra-fast HTML5 build tool

mix phoenix.digest

Digests and compress static files.
コンパイル結果をphoenixアプリが参照してるディレクトリへ配置
Mix.Tasks.Phoenix.Digest – Phoenix v1.0.3

Fedora22のログインシェルを楽しげに表示する

ログインシェルをこうする。
f:id:delaemon:20151118002832p:plain

楽しげなパッケージをインストール

[root@host ~]# yum install cowsay fortune-mod figlet
Yum command has been deprecated, redirecting to '/usr/bin/dnf install cowsay fortune-mod figlet'.

Fedora22からyumの代わりにdnfというパッケージ管理が採用された。
yumはpython2でしか動かない、Fedora23でpython3が入る予定。

dnf install cowsay fortune-mod figlet

.bashrcに以下を記載

exec fortune | cowsay
figlet -f slant Welcome to the `hostname`

sshなどでログインすると牛が毎回しゃべる。

phoenix app using systemd on fedora22(GMO Conoha)

.serviceファイルを作る

[root@host ~]# touch /usr/lib/systemd/system/phoenix.service
[root@host ~]# vim /usr/lib/systemd/system/phoenix.service
[root@host ~]# cat /usr/lib/systemd/system/phoenix.service
[Unit]
Description = hello phoenix

[Service]
EnvironmentFile=/etc/environments/phoenix
WorkingDirectory=/home/dela/www/hello/
ExecStart = /usr/local/src/elixir-1.1.1/bin/elixir -pa _build/prod/consolidated -S /usr/local/src/elixir-1.1.1/bin/mix phoenix.server
Restart = always
Type = simple
User = dela

[Install]
WantedBy = multi-user.target

環境変数もファイルへ記述

[root@host ~]# mkdir /etc/environments/
[root@host ~]# vim /etc/environments/phoenix
[root@host ~]# cat /etc/environments/phoenix
MIX_ENV=prod
PORT=4001

serviceが認識されているか確認

[root@host ~]# systemctl list-unit-files --type=service | grep phoenix
phoenix.service                             disabled

自動起動に登録

[root@host ~]# sudo systemctl enable phoenix
Created symlink from /etc/systemd/system/multi-user.target.wants/phoenix.service to /usr/lib/systemd/system/phoenix.service.
[root@host ~]# systemctl list-unit-files --type=service | grep phoenix
phoenix.service                             enabled

デーモン起動

[root@host ~]# sudo systemctl start phoenix

build nginx proxy for elixir phoenix app on fedora22(GMO Conoha)

phoenixアプリをポート80で動かせたけど、
別のサービスも同じサーバー上で動かすのを想定してnginxのproxyを立てた。
fedora使っていて思うのはパッケージが新しいバージョンを追いかけてるのと、
ssdのせいかもしれないけどインストール終わるがすごく速い。快適。

現在のstableバージョンがyumで入る。

[root@host ~]# yum install nginx
#ささー
[root@host ~]# nginx -v
nginx version: nginx/1.8.0

nginx.serviceを自ら用意しないといけないかなと思ったけど自動で作られてた。

[root@host ~]# cat /lib/systemd/system/nginx.service
[Unit]
Description=The nginx HTTP and reverse proxy server
After=network.target remote-fs.target nss-lookup.target

[Service]
Type=forking
PIDFile=/run/nginx.pid
# Nginx will fail to start if /run/nginx.pid already exists but has the wrong
# SELinux context. This might happen when running `nginx -t` from the cmdline.
# https://bugzilla.redhat.com/show_bug.cgi?id=1268621
ExecStartPre=/usr/bin/rm -f /run/nginx.pid
ExecStartPre=/usr/sbin/nginx -t
ExecStart=/usr/sbin/nginx
ExecReload=/bin/kill -s HUP $MAINPID
KillSignal=SIGQUIT
TimeoutStopSec=5
KillMode=mixed
PrivateTmp=true

[Install]
WantedBy=multi-user.target

nginx.confにproxy_pass追記

[root@host ~]# cat /etc/nginx/nginx.conf
# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

events {
    worker_connections 1024;
}

http {
    # 省略
    server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        root         /usr/share/nginx/html;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
	    proxy_pass http://localhost:4001; #ここだけ追記
        }
    # 省略
    }
}

phoenixアプリの config/prod.exs の該当部分のみ

config :hello, Hello.Endpoint,
  http: [port: {:system, "PORT"}],
  url: [host: "localhost", port: 4001],
  cache_static_manifest: "priv/static/manifest.json"

nginxをsystemdで起動

[root@host ~]# systemctl start nginx

これでhttp://takeshionodera.net/phoenix/にアクセスするとport 4001にプロキシされてブラウザで表示されるようになった。

Firewalldのポート開放 & phoenix app 起動 @Fedora22(Conoha VPS)

phoenixのサンプル画面がブラウザから確認できなかった。
サーバー上でwgetすると取れるし、ローカルPCからpingも通る。
tcpdump port 4000 みてると、たしかにブラウザからのアクセスは届いてはいた。
ファイアーウォールまわりだろうとはすぐ絞れたけど
iptables使ってない、firewalldになったとかでハマった。
systemctl restart firewalld とするべきを firewall-cmd --reloadしていた。
/usr/lib/firewalld/services/http.xmlをコピーして
/etc/firewalld/services/http.xmlを書き換えるとか試したけど、コマンドでやるのが確実。

以下でポート開放された。

現状の確認

[root@host ~]# firewall-cmd --list-all
FedoraServer (default, active)
  interfaces: eth0
  sources:
  services: cockpit dhcpv6-client ssh
  ports:
  masquerade: no
  forward-ports:
  icmp-blocks:
  rich rules:

サービスを追加

[root@host ~]# firewall-cmd --permanent --add-service=http
success
[root@host ~]# firewall-cmd --permanent --add-service=https
success

ポートを開ける

[root@host ~]# firewall-cmd --permanent --add-port=80/tcp
success
[root@host ~]# firewall-cmd --permanent --add-port=4000/tcp
success

firewalldを再起動

[root@host ~]# systemctl restart firewalld
[root@host ~]# firewall-cmd --list-all
FedoraServer (default, active)
  interfaces: eth0
  sources:
  services: cockpit dhcpv6-client http https ssh
  ports: 4000/tcp 80/tcp
  masquerade: no
  forward-ports:
  icmp-blocks:
  rich rules:

phoenixのサンプルアプリを作成

[user@host app] mix phoenix.new app

アプリを port 4000 で起動

[user@host app]# mix phoenix.server

ビルドは以下に作られる

[user@host app]# tree -L 1 _build/
_build/
├── dev
└── prod

アプリのホスト名・ポートなどの設定変更は以下のファイルを書き換える。モード別に配置されている

tree -L 1 config/
config/
├── config.exs
├── dev.exs
├── prod.exs
├── prod.secret.exs
└── test.exs

production mode ( port 80 )で起動

[user@host app]# MIX_ENV=prod mix compile.protocols
[user@host app]# sudo MIX_ENV=prod PORT=80 /usr/local/src/elixir-1.1.1/bin/elixir -pa _build/prod/consolidated -S /usr/local/src/elixir-1.1.1/bin/mix phoenix.server

Elixir Erlang@Fedora22(GMO Conoha VPS)

使ったことないのと東京リージョンに初期費用かからないのでGMO Conohaにした。
管理画面使いやすい。さくらVPSはどんなのだか忘れたけど。
Systemd使いたいのと触ったことないのでOSをFedora22にした。

Elixir と Erlangyum install で入れた。
Elixir 1.0.3が入るけど1.1が最新なので後でsorceからビルドする。

[root@host ~]# yum install erlang
#省略
Complete!
[root@host ~]# erl
Erlang/OTP 17 [erts-6.3] [source] [64-bit] [smp:2:2] [async-threads:10] [hipe] [kernel-poll:false]

Eshell V6.3  (abort with ^G)
BREAK: (a)bort (c)ontinue (p)roc info (i)nfo (l)oaded
       (v)ersion (k)ill (D)b-tables (d)istribution

[root@host ~]# yum install elixir
# 省略
Installed:
  elixir.noarch 1.0.3-1.fc22

Complete!
[root@host ~]
# elixir -v
Elixir 1.0.3


追記: Elixirをソースコードからビルド

Elixir 1.0.3を削除

[root@host ~]# yum remove elixir
#省略
Removed:
  elixir.noarch 1.0.3-1.fc22

Complete!

バージョン1.1.1のコードをダウンロード、解答、ビルド

[root@host src]# pwd
/usr/local/src
[root@host src]# wget https://github.com/elixir-lang/elixir/archive/v1.1.1.tar.gz
[root@host src]# tar xvzf v1.1.1.tar.gz
#ぶわー
[root@host src]# cd elixir-1.1.1/
[root@host elixir-1.1.1]# make clean test
#ぶわー

完了、スムーズすぎる

[root@host elixir-1.1.1]# ./bin/elixir -v
Elixir 1.1.1