Elixir + Phoenix Frameworkアプリケーション作成 [docker] #Docker

開発環境

WSL2
docker 20.10.*
docker-compose

更新履歴

[2022/11/21] restart: alwaysの設定を削除しました。

手順

プロジェクト作成
```
git init 
```

Up and Running

公式 [https://hexdocs.pm/phoenix/installation.html] によるとmixで導入する。
Official image [https://hub.docker.com/_/elixir]を用いる。
公式イメージにはhexがないので追加する。


FROM elixir:1.14.1-slim

WORKDIR /var/www/app

RUN mix do \
    local.hex --force, \
    local.rebar --force, \
    archive.install --force hex phx_new


version: "3"

services:
    app:
        build: ./docker/
        ports:
            - "${APP_PORT:-4000}:4000" # phoenixのデフォルト
        volumes:
            - .:/var/www/app
        tty: true

buildしてdocker-compose upして初期プロジェクト作成


$ docker image build -t phoenix:latest docker/.
$ docker-compose up -d
$ docker exec -it phoenix-docker-app-1 bash

root@a801b6f28926:/var/www/html# mix phx.new .
The directory /var/www/html already exists. Are you sure you want to continue? [Yn] Y
* creating config/config.exs
...
* creating priv/static/favicon.ico

Fetch and install dependencies? [Yn] Y

* running mix deps.get

We are almost there! The following steps are missing:

    cd .

Then configure your database in config/dev.exs and run:

    mix ecto.create

Start your Phoenix app with:

    mix phx.server

You can also run your app inside IEx (Interactive Elixir) as:

    iex -S mix phx.server

設定変更

IPの設定を変更する。dockerコンテナでプロジェクト作成をすると権限がなかったりするのでchmodで適宜変更する。


config :html, HtmlWeb.Endpoint,
    # Binding to loopback ipv4 address prevents access from other machines.
    # Change to `ip: {0, 0, 0, 0}` to allow access from other machines.
    http: [ip: {0, 0, 0, 0}, port: 4000], # ここを0.0.0.0に変更
    check_origin: false,
    code_reloader: true,
    debug_errors: true,
    secret_key_base: "liMR8XBEdIZqzY96IB5pzS7KGUkL+O2r74hkcZ/0xBv9M/L+ktK5zvkD2Nx/Kht1",
    watchers: [
        # Start the esbuild watcher by calling Esbuild.install_and_run(:default, args)
        esbuild: {Esbuild, :install_and_run, [:default, ~w(--sourcemap=inline --watch)]}
    ]

ローカルサーバを立ち上げる

docker-compose up -d
docker exec -it phoenix-docker-app-1 bash

:/var/www/app# iex -S mix phx.server
# DBの設定はしていないので、エラー表示がでる

DB設定

docker-compose.ymlに追記と、初期化のためのinit.sqlを作成する。


services:
    app:
        ...
        depends_on:
            - postgres
    postgres:
        image: postgres:15.0-alpine
        environment:
            - POSTGRES_USER=${POSTGRES_USER:-postgres}
            - POSTGRES_PASSWORD=${POSTGRES_PASSWORD:-postgres}
        ports:
            - ${POSTGRES_PORT:-5432}:5432
        volumes:
            - ./docker/init:/docker-entrypoint-initdb.d


CREATE USER docker;
CREATE DATABASE html_dev;
GRANT ALL PRIVILEGES ON DATABASE html_dev TO docker;


config :html, Html.Repo,
    username: "postgres",
    password: "postgres",
    hostname: "postgres", # hostnameを変更

docker-compose upでローカルサーバが立ち上げるように設定

#!bin/bash
mix phx.server

...
RUN mix do ...

# 起動時にローカルサーバを起動するようにする
COPY /entry.sh /usr/local/bin
RUN chmod +x /usr/local/bin/entry.sh
CMD [ "start-server" ]

docker-compose build --no-cacheでビルドしなおし

docker-compose up

参考

https://zenn.dev/tnka122/articles/abb6149f5a5f6c