LoginSignup
59
64

More than 5 years have passed since last update.

【中級編】drone.io + exrmで今日から始めるElixir on Phoenixホットデプロイ入門

Last updated at Posted at 2015-05-26

何これ?

皆さん、おはこんばんちは。

前回の記事、CentOS + Erlang + Elixir + PhoenixのDockerイメージで今日から始めるElixir on Phoenix入門に引続き、Elixir/Phoenixについての入門記事です。

入門なのに中級編です。

今回は前回の予告通り、deployとci周りをやっつけます。
これができれば、Elixir/PhoenixでHello Worldは卒業して、
実際の開発をしていけると思います。

ゴールは、

  1. プルリクでCI回してテストする
  2. プルリクをmasterにマージする
  3. リリースビルド作る
  4. GitHub Releases使って、tag切って実稼働用のバイナリ上げる
  5. ホットコードスワップ(ホットデプロイ)本番環境を無停止で更新する

という一連の流れを全てGitHubのプルリクとマージだけで行うことです。

Jenkinsのように、辛い設定ファイルを保守したり、
ボタンをポチポチ押す必要はもうないです。

CIとデプロイについて

これも予告通り、drone.ioのOSS版を使います。

なぜか?答えは簡単で、本番と同じDockerイメージでテストしたいからです。

本番で動くDockerイメージと同じイメージでCIが回せれば、
開発環境と本番環境での環境差分に由来するバグは無くなります。

Dockerfileが同じであれば出来上がる環境は同じになるので、
chef等で苦心する冪等性とかも気にしなくていいです。

ただし、DockerはDockerで別の難しさもあります。
構築した環境は基本イミュータブルという思想で、
sshd立てて外部からゴニョゴニョするととたんに上記の嬉しさが無くなってしまいます。

そのような環境でどうホットデプロイをするか、それが今回の記事のポイントです。
それでは前置きはこのくらいにして、そろそろ行ってみましょう。

CIサーバーの構築

例によって、Dockerイメージ作りました。

私はさくらのVPSで立てているんですが、一つ注意点としてはホストOSがCentOSの場合、
できれば7系の上でdockerは動かして下さい。

私はもともと借りてたヤツを7系にするのがめんどかったので6系を最新にして使ってますが、7系推奨です。

dockerのインストールの仕方としては特に難しいことはなくて、

sudo yum install docker-io
sudo service docker start
sudo chkconfig docker on

でいいじゃないでしょうか。詳しいことはWebにたくさん記事が上がっているので参照して下さい。下記とかを参考にさせて頂きました。

で、ホスト側で、 docker ps 等打って確認出来たら、下記のコマンドでdrone.ioを立てましょう。

docker run -d -p 127.0.0.1:10001:80 -v /etc/localtime:/etc/localtime:ro -v /var/run/docker.sock:/var/run/docker.sock --name drone -t xtity/docker-centos7-elixir-drone

さて、これで素のdrone.ioは立ったと思いますが、色々とやるべき設定があります。
私の場合は以下のことをやりました。

  • ホストサーバーのnginxをリバースプロキシとして使う設定
  • GitHubとの連携をするための設定
  • droneでCI、デプロイ、GitHub Releaseをするための設定

順番に見て行きましょう。

ホストサーバーのnginxをリバースプロキシとして使う設定

上記の docker run コマンドの通り、127.0.0.1:10001 => 80のルーティングをしています。なんで、下記のようなnginxの設定をして、サブドメインをよしなにdroneさんへリダイレクトさせましょう。

ssl.conf
#
# HTTPS server configuration
#
server {
    listen       443;
    server_name  ~^(?<subdomain>.*)\.xtity.com;

    ssl_certificate /etc/nginx/ssl/server.crt;
    ssl_certificate_key /etc/nginx/ssl/server.key;

    ssl on;

    ssl_prefer_server_ciphers on;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128:AES256:AES:DES-CBC3-SHA:HIGH:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK;

    ssl_session_cache  builtin:1000  shared:SSL:10m;

    set $redirect_port -1;
    if ($subdomain = drone) {
        set $redirect_port 10001;
    }

    if ($redirect_port = -1) {
        return 404;
    }

    location / {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host $http_host;
        proxy_set_header Origin "";

        proxy_pass http://127.0.0.1:$redirect_port;
        proxy_redirect off;
    }

    location /api/stream {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host $http_host;
        proxy_set_header Origin "";

        proxy_pass http://127.0.0.1:$redirect_port;
        proxy_redirect off;

        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
    }

    location /favicon {
      empty_gif;
      access_log    off;
      log_not_found off;
    }

}

これを参考にしつつ、わりと適当に設定してるんでイケてない所はよしなに読み替えて下さい。

因みに、GitHubのREADME.mdにステータスバッジ(こんなの-> status.png)を貼りたかったんですが、どうもHTTPSでは上手くギハブ先生がキャッシュしてくれなかったんで、そこのAPIだけ普通に80に飛ばしてます。

virtual.conf
server {
    listen 80;
    server_name drone.xtity.com;

    set $redirect_port 10001;
    set $subdomain drone;

    location /api/badge {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host $http_host;
        proxy_set_header Origin "";

        proxy_pass http://127.0.0.1:$redirect_port;
        proxy_redirect off;
        break;
    }

}

めんどいんでオレオレ証明書使ってるせいかなと思ったりもしたんですが、よう分からん。

GitHubとの連携をするための設定

大体設定する順番は下記の通り。

  1. /etc/drone/drone.tomlの設定
  2. GitHubとのアカウント連携
  3. CI回したいリポジトリの設定
  4. デプロイしたいサーバーへ公開鍵を追加

/etc/drone/drone.tomlの設定

これもWebに色々と記事が転がってると思うんで、よしなに参照すると良いです。
こことか。

主にいじるのは下記くらいでしょう。

/etc/drone/drone.toml
[github]
client=""  ## GitHub>Personal settings>Applicationsで作ったヤツ
secret=""  ## GitHub>Personal settings>Applicationsで作ったヤツ
orgs=[ "hoge" ]  ## organizationsで縛りたい時のみ設定
open=false

[worker] ## nodesの数はホストのCPUコア数分追加でいいじゃないかなあ 
nodes=[ 
   "unix:///var/run/docker.sock",
   "unix:///var/run/docker.sock"
]

一つだけ注記するとすれば、orgsですかね。

本当はdroneちゃんにBasic認証を掛けたかったんですが、色々上手くいかなかったんで断念しました。
droneを使えるユーザーをギハブの特定のorganizationsに所属しているユーザーのみに縛る事によって、その代わりとしてます。

まあ、管理上こっちの方が面倒は無いので使いたい人はどぞ。

GitHubとのアカウント連携

上記のようにWeb参照。特に難しい事はありません。

"Authorization callback URL"は、https://drone.hoge.com/api/auth/github.com
とかでいいんじゃないかな。

CI回したいリポジトリの設定

手順。

  1. ギハブのアカウントでログインしたら、まずsyncボタン押す
  2. 自分の持ってるリポジトリの中でdroneと連携したいやつを選択
  3. オレオレ証明書使ってる人は、ギハブのリポジトリごとの設定画面にある、Webhooks & Services>WebhooksでSSL verificationをオフりましょう

デプロイしたいサーバーへ公開鍵を追加

droneでビルドしたリリースリソースを上げる先のサーバーに、settings ページで出てる公開鍵を登録。
こんな画面↓
scrn_150526_1.png

ホットデプロイ

さて、これでマイdroneが立ちました。
次はいよいよCIを回して、ホットデプロイしてみます。

取り敢えず、Elixir/Phoenixでホットデプロイするためのプロジェクトを作ってみたので、
こいつを使って説明していきます。

かなり実験用にコミット乗っかってますが、まあ気にしないでください。
こいつの大元は下記コマンドで生成した素のPhoenixプロジェクトです。

mix phoenix.new deploy_phoenix --no-ecto

でそこから何が変わったかは下記のdiffで分かると思います。

いっぱい差分出てますが、関係があるのは下記のファイルだけです。

  • Dockerfile
  • incron_release.sh
  • .drone.yml
  • mix.exs
  • VERSION

ここにDockerで動くPhoenixプロジェクトに対して、ホットコードスワップするための仕組みがつまっています。

一つ一つ説明するとこの記事の量がもっと増えると思うのでそれは今後に譲るとして、
大まかな戦略だけ説明すると、

  1. mix.exsで、exrmが使えるように依存関係追加
  2. Phoenixプロジェクトが動かすDockerfileで、incrondを使って特定のファイル(今回は VERSION )の更新を監視させるように動かす設定もしてやる
  3. incron_release.shで、VERSIONが更新された時の処理を記述
  4. 1のイメージを、docker run する時にVERSIONファイルをホストと共有する
  5. .drone.ymlの publish: でmasterブランチの更新時のみ下記をやってます
    1. exrmでリリースリソースを作成
    2. 公開鍵認証でホスト側にSSH接続
    3. VERSION を更新
    4. GitHub Release
  6. incron_release.shが走り、ホットコードスワップ

何となくイメージはつくでしょうか。

Dockerコンテナ上で動くサービスのホットデプロイについて色々試行錯誤してみたのですが、
前述のとおりsshdとかは勿論立てられません。

結論としては、

何らかの方法でホストとコンテナ間で「更新したよ」というメッセージのやりとりさえできればいい

ファイルの更新検知でいい

じゃあ、incrondでいいじゃん。

となりました、シンプルです。

因みに上のプロジェクトは勿論DockerHubにも登録されています。

下記のコマンドで一応動きますが、よしなにDockerfile弄ってもらってもおkです。

docker run -d -p 127.0.0.1:15001:4000 -v /var/run/docker.sock:/var/run/docker.sock -v /usr/local/app/phoenix/deploy_phoenix/RELEASE_VERSIONS:/usr/local/app/phoenix/deploy_phoenix/RELEASE_VERSIONS --name deploy_phoenix -t xtity/deploy-phoenix

因みに、deploy_phoenixを動かすためのnginxの設定はこんな感じです。
15001を80に飛ばしてるだけですが。

virtual.conf
server {
    listen 80;
    server_name phoenix.xtity.com;

    set $redirect_port 15001;
    set $subdomain phoenix;

    location / {
        proxy_set_header        Host $host;
        proxy_set_header        X-Real-IP $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header        X-Forwarded-Proto $scheme;

        set_real_ip_from    153.121.61.37;
        real_ip_header      X-Forwarded-For;
        proxy_pass          http://127.0.0.1:$redirect_port;
        proxy_read_timeout  90;
        proxy_redirect      http://127.0.0.1:$redirect_port https://$subdomain.xtity.com;
        break;
    }

}

動いてる姿はこんな感じです。

バージョン情報だけ、デフォルトのページに追加してやります。
こいつを変更してmasterにpushすると、ぬるっとバージョン情報だけ更新されます。

因みに、Github Releaseはこんな感じ

rel以下をtarで固めて放り込んであります。
なんかあったら、こいつ落として解凍すれば元通りです。

まあ、exrm自体がダウングレードもサポートしてるのでそういう状況はほとんどないとは思いますが。

取り敢えず、ホットコードスワップしたいときは、VERSION ファイルを更新すればよいです。

因みに、exrm自体もともとそのような事をしたい欲求から作られたプロダクトだそうです。
以下にそれがよくまとまっています。

次回予告

ふう、やっと中級編が書けました。長かった...

次回はElixir/Phoenix上級編ということで何やろうかなと今も考えてる最中なんですが、
作る準備が今回で整ったということで、おそらく実際に何かサービス作ってみようと思います。

多分またエイヤと作ってしまうと思うんですが、
どんなサービスになるか本人もドキドキしている次第です。

終わりに

気がつけば、桜が散り、超会議が終わり、半袖だけでもいいようなそこそこ暑い日もチラホラ。

その間にもElixir/Phoenixの話題は色々な所で盛り上がってきていると思います。

d_lang.png

こんなのも出ていたり。
Elixir、そこそこ健闘してますねー

59
64
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
59
64