LoginSignup
12
2

More than 1 year has passed since last update.

ExcelからElixir入門⑪:Gigalixir上のLiveViewアプリに独自ドメイン名を付与して正式なアプリ公開

Last updated at Posted at 2021-02-06

【本コラムは、2分で読めて、5分くらいでお試しいただけます】
piacereです、ご覧いただいてありがとございます :bow:

前回リリースしたGigalixirに、独自ドメイン名を付与して、正式なアプリ公開を行う手順を解説します

これが使われている例として、「Phoenix Framework」の公式サイトは、Gigalixirで構築されており、独自ドメイン名を付与されています

ちなみに、「Phoenix」は、ElixirのWebフレームワークで、「Gigalixir」は、Herokuに似たPhoenixが動くクラウド(PaaS)です

■「ExcelからElixir入門」シリーズの目次
①データ並替え/絞り込み
|> ②データ列抽出、Web表示
|> ③WebにDBデータ表示
|> ④Webに外部APIデータ表示
|> ⑤Webにグラフ表示
|> ⑥SPAからPhoenix製APIを呼び出す(表示編)【LiveView版】
|> ⑦SPAからPhoenix製APIを呼び出す(更新編)【LiveView版】
|> ⑧Gigalixirに本番リリース
|> ⑨ElixirサーバサイドのみでReactと同じSPA/リアルタイムUIが作れる「LiveView」
|> ⑩ElixirサーバサイドSPAをスマホで見るためにGigalixirリリース
|> ⑪Gigalixir上のLiveViewアプリに独自ドメイン名を付与して正式なアプリ公開
|> ⑫Elixir/PhoenixのCRUD Webアプリをリリース

本コラムの検証環境

本コラムは、以下環境で検証しています(Windowsで実施していますが、Linuxやmacでも動作する想定です)

なお、このコラムから見た方への案内として、Gigalixirへのアプリリリースは、事前に済ませた上で、このコラムを読み進めてください

LiveViewアプリのPhoenix PJフォルダに移動

ローカルPCでの事前に作成/動作確認済みのLiveView Phoenix PJフォルダに移動します

この後、gigalixirコマンドを使うので、下記コマンドでアプリ情報が返ってくることを事前に確認しておきましょう

> gigalixir apps
[
  {
    "cloud": "gcp",
    "region": "v2018-us-central1",
    "replicas": 1,
    "size": 0.3,
    "stack": "gigalixir-18",
    "unique_name": "【アプリ名】",
    "version": 46
  }
]

独自ドメインを付与する手順

Gigalixirの下記ドキュメントに記載されています
https://gigalixir.readthedocs.io/en/latest/domain.html#how-to-set-up-a-custom-domain

下記コマンドをGigalixirに連動してるフォルダ配下で実施すれば、リリース先のGigalixirにて、ロードバランサ登録と、独自ドメインアクセス時のアプリへの転送、そして、Let's EncryptのSSL/TLS証明書の自動発行と設定をやってくれます、とても便利:heart_eyes:

> gigalixir domains:add 【独自ドメイン】
Added 【独自ドメイン】.
Create a CNAME record with your DNS provider pointing to 【独自ドメイン】.gigalixirdns.com.
Please give us a few minutes to set up a new TLS certificate.

DNSのAレコードを設定

【独自ドメイン】.gigalixirdns.comのIPアドレスを、独自ドメインのDNSのAレコードとして設定します

IPアドレスの調べ方は、以下の通りです

> nslookup 【独自ドメイン】.gigalixirdns.com
権限のない回答:
名前:    v2018-us-central1.gcp.tls.gigalixir.com
Address:  35.226.132.161
Aliases:  【独自ドメイン】.gigalixirdns.com

ここでは、35.226.132.161をAレコードに設定します

どうやら、このIPアドレスは、全てのGigalixirで共通のIPアドレスのようです

独自ドメインでのアプリ確認

Aレコード設定後、DNS反映が終わるまで数分待ったら、ブラウザから「https://【独自ドメイン】」にアクセスし、ページが見えたら成功です

余談:最近のGigalixirの自動付与ドメイン名について

最近のGigalixirは、「gigalixirapp.com」ドメインの前に付くサブドメインを自動発番で無く、自分で好きなものを付与可能になったので、独自ドメインを付与しなくても充分便利に利用できます

ですので、独自ドメイン名を持っていなくても、前回までのコラムシリーズを読んで、GigalixirにElixir/Phoenixアプリをどんどんリリースしましょう:laughing:

終わり

今回は、Gigalixirにリリースしたアプリに、独自ドメインを付与して、正式なアプリ公開を行う手順を解説しました

SSL/TLS証明書の取得や設定といった手間を、Gigalixirはコマンド1つで肩代わりしてくれるので、非常に便利なことがお分かりかと思います

次回は、実践向けの応用で、GigalixirにPostgreSQLを使ったWeb+DB CRUDアプリをリリース します

12
2
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
12
2