<h2 id="hde9547c53d">困ってました</h2><p>作り直す前のこのサイト、維持費で大体6500円かかってました。。。<br>高すぎワロタってなって作り直しました。<br></p><h2 id="hd07b141ddb">前の構成</h2><p>アプリケーション</p><ul><li>Nuxt.js（フロントエンド）</li><li>Vuetify（UIライブラリ）</li><li>Foal.ts（バックエンド）</li></ul><p>インフラ</p><ul><li>Amazon ECS</li><li>CloudFront</li><li>ALB</li><li>EC2(DBサーバ)</li></ul><p>アプリケーションの技術スタックは、お仕事でも使っているNuxt.jsを使用しました。<br>楽したいのでVuetifyも。<br>バックエンドではQiitaで少しバズってたのでFoal.tsを使いAPIを実装していました。<br>インフラは勉強のためにECS + CloudFront で運用していました。<br>APIとフロントエンドの2コンテナを動かし、DBサーバも自作で用意していました。<br>また、</p><ul><li>コンテナのオートスケール</li><li>コンテナインスタンスのオートスケール</li><li>CloudWatchEventとlambdaを連動させた死活監視</li></ul><p>などなどとてもリッチなインフラ構成を作っていました。<br></p><h2 id="hf3e36a4bec">お金かかってたところ</h2><ul><li>EC2(DBサーバ、コンテナインスタンス)</li><li>ALB</li><li>ContainerInsightsのメトリクス</li></ul><blockquote>EC2(DBサーバ、コンテナインスタンス)、ALB</blockquote><p>これに関してはもうしょうがなかったです。(なげやり</p><blockquote>ContainerInsights</blockquote><p>オートスケールするのにここの値が必要だったのでオンにしてました。<br>ちなみにコンテナインスタンスとコンテナ自体のモニタリングがされるので、運用コンテナが多くなればなるほどお金がかかります。<br>(大体20コンテナで8000円くらいいきます)<br></p><h2 id="hd92dd0d3aa">今度は逆に安くしてみる</h2><p>前の構成でとてもリッチで本番環境でも使えるインフラ構成は組めました。<br>なので今回は使っているFW、ライブラリはそのままで安く済ませたろって考えたわけです。<br></p><h2 id="h9bdc01e8ea">今回の構成</h2><p>アプリケーションは</p><ul><li>Nuxt.js(フロントエンド)</li><li>MicroCMS(バックエンド)</li></ul><p>インフラは</p><ul><li>CloudFront</li><li>S3</li></ul><p>で構成しました。</p><blockquote>MicroCMS</blockquote><p>バックエンドにはMicroCMSという日本製のヘッドレスCMSを使わせてもらいました。<br>Contentfulとかでも良かったんですけど、たまたまMicroCMSのアカウント持ってたので採用しました。<br>初めてヘッドレスCMSをちゃんと使ってみたのですが、こんなポチポチしてAPIが作れるのかと感動しました。<br>このサイトではAPIを使っている部分が記事部分しかないので、わざわざ自前でAPI作らなくても全然カバーできる感じだったのでそのまま採用させてもらった感じです。</p><blockquote>インフラ</blockquote><p>今回はdockerとか今風ではなくgenerateしたものをS3にぶん投げて、CloudFrontでキャッシュする、至ってシンプルです。<br></p><h2 id="h9a53ec377f">結果かなり安くなった</h2><p>フルサーバレスでWebサイトをホスティングすることができました。<br>個人的にはヘッドレスCMSを使って機能を実装することができたし、何より維持費がかなり安くなったのでとても満足しています。<br></p><h2 id="h37033cfa2b">(余談)</h2><p>実はCircleCIを使って自動デプロイも実装してあります。</p><ul><li>masterブランチにマージ</li><li>nuxt generate</li><li>s3アップロード</li><li>CloudFrontのInvalidation作成</li></ul><p>の順で動きます。<br>とても楽ちん。</p>

Nuxt.js + MicroCMS + Cloudfront + S3 を使ってフルサーバレスで記事投稿機能付きWebサイトを作ってみた。

<h2 id="h8d027c8ed3">はじめに</h2><p><a href="https://doiraido.net/article/k-r-m30an6" target="_blank" rel="noopener noreferrer">前の記事</a> でkubernetesクラスタを構築したけど、contextは超つよつよなものしか持ってなかったです。<br>新しくユーザー追加しないとって思ったのでkubernetesのユーザの作り方です。<br></p><h2 id="h4f60571031">秘密鍵作成</h2><p>opensslを使って秘密鍵を作成。</p><pre><code>openssl genrsa -out {{ USER_NAME }}.key 2048</code></pre><p><br></p><h2 id="habb34fa76e">CSRファイル作成</h2><pre><code>openssl req -new -key {{ USER_NAME }}.key -out {{ USER_NAME }}.csr

# CommonName: ユーザー名、OrganizationName: グループ名

You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) []:JP
State or Province Name (full name) []:Some-State
Locality Name (eg, city) []:
Organization Name (eg, company) []:raido
Organizational Unit Name (eg, section) []:
Common Name (eg, fully qualified host name) []:worker_admin
Email Address []:

Please enter the following 'extra' attributes
to be sent with your certificate request
A challenge password []:</code></pre><p><br></p><h2 id="hf2dd9511ed">CertificateSigningRequestをapply</h2><h3 id="h6077b031a1">csrをbase64に変換した文字列を取得</h3><pre><code>cat {{ USER_NAME }}.csr | base64 | tr -d "\n"</code></pre><p><br></p><h3 id="hb30e9fc3ac">CertificateSigningRequestのmanifest作成 (csr.yaml)</h3><pre><code>apiVersion: certificates.k8s.io/v1
kind: CertificateSigningRequest
metadata:
  name: &lt;&lt;USER_NAME&gt;&gt;
spec:
  groups:
    - system:authenticated
  request: &lt;&lt; CRT_BASE64_TXT &gt;&gt;
  signerName: kubernetes.io/kube-apiserver-client
  usages:
    - &lt;&lt; comment &gt;&gt;</code></pre><p><br></p><h3 id="he05e8cc9be">manifestをapplyする</h3><p>このときadmin以上を持ったcontextでmanifestをapplyする</p><pre><code>kubectl apply -f csr.yaml</code></pre><p><br></p><h2 id="h440cd51292">CSRを承認する</h2><h3 id="h5a7ec04102">applyしたリクエストがあるかCSRの一覧を確認</h3><pre><code>kubectl get csr</code></pre><p><br></p><h3 id="h5b2c167644">approveして証明書を発行</h3><pre><code>kubectl certificate approve {{ NAME }}</code></pre><p><br></p><h3 id="h0cc335cee5">再度CSRの確認</h3><p>approveしたリクエストがApproved,Issuedになってればおｋ</p><pre><code>kubectl get csr</code></pre><h3 id="hcf83e1357e"><br></h3><h2 id="h5a138d7535">証明書を取得してcrtファイルを作成</h2><pre><code>kubectl get csr {{ USER_NAME }} -o jsonpath='{.status.certificate}' | base64 -d &gt; {{ USER_NAME }}.crt</code></pre><p><br></p><h3 id="h78542ec321">ユーザのRBAC設定</h3><p>作ったユーザは何も権限が与えられていないので、RBACで権限を付与してあげる。<br>下の例はroleのadminをユーザに付与するmanifest。(ここでは <span style="color:#cf3e51;background-color:#dddddd">rbac.yaml</span> とする)</p><pre><code>apiVersion: rbac.authorization.k8s.io/v1
kind: RoleBinding
metadata:
  name: &lt;&lt; USER_NAME &gt;&gt;
subjects:
  - kind: User
    name: &lt;&lt; USER_NAME &gt;&gt;
    apiGroup: rbac.authorization.k8s.io
roleRef:
  kind: Role
  name: admin
  apiGroup: rbac.authorization.k8s.io</code></pre><p><br></p><h3 id="he05e8cc9be">manifestをapplyする</h3><pre><code>kubectl apply -f rbac.yaml</code></pre><p><br></p><h2 id="hcd60068bd6">.kube/configの追記</h2><p>configをアップデートしてkubectlで使えるようにする</p><pre><code>kubectl config set-credentials {{ USER_NAME }} --client-key={{ USER_NAME }}.key --client-certificate={{ USER_NAME }}.crt --embed-certs=true
kubectl config set-context {{ CONTEXT_NAME }} --cluster={{ CLUSTER_NAME }} --user={{ USER_NAME }}</code></pre><p><br></p><h2 id="h40404d9e9a">おわり</h2><p>EKSとか使うと勝手にここらへんやってくれるので勉強になった（気がする）</p>

kubernetesでユーザ追加をしてみる

<h2 id="h8d027c8ed3">はじめに</h2><p>何番煎じかわからないけどkubeadmを使っておうちkubernetesを構築したので忘備録として。<br>ちなみに <a href="https://qiita.com/raisannnnn/items/9ebbb314c90063775ce5" target="_blank" rel="noopener noreferrer">Qiita</a> で書いてあることとほぼ同じです。<br></p><h2 id="hed900658dc">環境</h2><p>マスターノード: Mac Mini late 2012 / Ubuntu 20.04.3 LTS<br>ワーカーノード: ラズパイ3B+ / Raspberry Pi OS Lite 32Bit<br></p><h2 id="hbc371ecd4e">共通手順</h2><p>OSインストール時にhostnameとかは設定済み<br></p><h3 id="h8afe3f6288">パッケージ周り更新</h3><pre><code>sudo apt-get update &amp;&amp; sudo apt-get -y upgrade</code></pre><p><br></p><h3 id="h0756ecccae">swapを無効化</h3><pre><code>sudo vim /etc/fstab

# コメントアウトしてswapを無効化
# /swap.img&nbsp;&nbsp;&nbsp;none&nbsp;&nbsp;swap&nbsp;&nbsp;sw&nbsp;&nbsp;&nbsp;0&nbsp;&nbsp;&nbsp;&nbsp;0</code></pre><p><br></p><h3 id="hc021df0802">{{ hostname }}.local でアクセスできるようにする</h3><p>ラズパイはもともと入ってるのでやらなくて大丈夫。</p><pre><code>sudo apt-get install -y avahi-daemon</code></pre><p><br></p><h3 id="hde87281437">Dockerをインストール</h3><pre><code># インストール
sudo apt-get install -y docker

# dockerをsudoなしで使えるように
sudo usermod -aG docker $USER

# dockerが常時起動されるか確認
systemctl is-enabled docker

# enableが出力されなかった場合は常時起動を有効化
systemctl enable docker</code></pre><p><br></p><h3 id="h180cd82037">Dockerのcgroup driverをsystemdに変更する</h3><p>dockerのcgroup driverは <span style="color:#cf3e51;background-color:#dddddd">cgroupfs</span> が使用されているが、kubeadmはデフォルトで <span style="color:#cf3e51;background-color:#dddddd">systemd</span> を使用するため、cgroup driverを合わせなければいけない。<br>今回はdockerのcgroup driverを <span style="color:#cf3e51;background-color:#dddddd">systemd</span> に変更して合わせるようにした。<br></p><pre><code># docker daemonの設定を作成
sudo vim /etc/docker/daemon.json

{
&nbsp;"exec-opts": ["native.cgroupdriver=systemd"],
&nbsp;"log-driver": "json-file",
&nbsp;"log-opts": {
&nbsp;&nbsp;"max-size": "100m"
&nbsp;},
&nbsp;"storage-driver": "overlay2"
}

# daemonを再起動
systemctl daemon-restart
systemctl restart docker</code></pre><p><br></p><h3 id="h6bb8326eb2">Dockerが動くか確認</h3><pre><code># dockerコンテナ起動
docker run -p 80:80 nginx

# 疎通確認
curl http://{{ hostname }}.local

# 確認できたらコンテナ削除
docker rm {{ CONTAINER_ID }}</code></pre><p><br></p><h3 id="h38cdbaae8b">k8s周りのパッケージインストール</h3><pre><code># dockerのGPGキーを取得
curl -s https://packages.cloud.google.com/apt/doc/apt-key.gpg | sudo apt-key add

# kubernetesのレポジトリを追加
sudo apt-add-repository "deb http://apt.kubernetes.io/ kubernetes-xenial main"

# httpでパッケージ追加できるように
sudo apt-get install -y apt-transport-https

# k8s周りのパッケージインストール
sudo apt-get install -y kubeadm kubelet kubectl kubernetes-cni</code></pre><p><br></p><h2 id="h1d59be0303">マスターノード構築</h2><h3 id="h2295a1a992">kubeadmでマスターノード構築</h3><pre><code># マスターノード構築 (cirdrはflannelを使用するので固定)
kubeadm init --pod-network-cidr=10.244.0.0/16

# kubeconfig作成
mkdir -p $HOME/.kube
sudo cp -i /etc/kubernetes/admin.conf $HOME/.kube/config
sudo chown $(id -u):$(id -g) $HOME/.kube/config

# ワーカーノードjoin用コマンドをメモしておく
# kubeadm join {{ ip_address }} ~~~ をコピー</code></pre><p><br></p><h3 id="h13775dc459">kubectlが使えるか確認</h3><pre><code>kubectl get node
とか
kubectl get pod --all-namespaces</code></pre><p>この時点ではcorednsはまだpendingになってておｋ。<br></p><h3 id="hbd29619b1b">flannel導入</h3><pre><code>kubectl apply -f https://github.com/flannel-io/flannel/blob/master/Documentation/kube-flannel.yml</code></pre><p>ここで `kubectl get pod --all-namespaces` して core-dnsが起動していればおｋ。<br></p><h2 id="h64dc46885e">ワーカーノード構築</h2><h3 id="hb780966592">kubeadmでjoin</h3><pre><code># マスターノード構築時にメモったやつ
sudo kubeadm join {{ MASTER_IP }}:6443 --token {{ TOKEN }} --discovery-token-ca-cert-hash {{ SHA256_HASH }}

# 確認(masterで操作)
kubectl get node

# ワーカーノードのstatusがReadyになってればおｋ</code></pre><p><br></p><h2 id="hb50223be1d">トラブルシューティング</h2><p>この時点でのトラブルはkubeletの起動周りが多いので、<span style="color:#cf3e51;background-color:#dddddd">systemctl status kubelet</span> や <span style="color:#cf3e51;background-color:#dddddd">journalctl -u kubelet</span> などでログを確認する。<br>以下よくハマったやつ。<br></p><blockquote>err="open /run/systemd/resolve/resolv.conf: no such file or directory</blockquote><p>これ今の所再起動すると毎回起きる。。。<br>自分で作ってあげれば解決。</p><pre><code>sudo mkdir -p /run/systemd/resolve
sudo ln -s /etc/resolv.conf /run/systemd/resolve/resolv.conf</code></pre><p><br></p><blockquote>failed to run Kubelet: misconfiguration: kubelet cgroup driver: \"systemd\" is different from docker cgroup driver: \"cgroupfs\"</blockquote><p>dockerとkubeletのcgroup driverがあってないやつ。<br>上の方でやってる <span style="color:#cf3e51;background-color:#dddddd">/etc/docker/daemon.json</span> 作って再起動すれば解決。</p>

おうちkubernetes作ってみた

HTML, CSS, JavaScript, TypeScript, Vue.js, Nuxt.js, React.js, Next.js

Frontend

Nest.js, Python, SQLAlchemy, MySQL, Redis

Backend

AWS, Docker, Kubernetes, Terraform, Serverless Framework, GitLabCI, CircleCI

doiraido.net

Raido Doi

Skill