開発ログ

GitHubリポジトリから最新のコードを取得し、自動的にデプロイを実行する仕組みを作成する方法を解説します。この手順を使用すると、手動での操作を最小限に抑え、効率的にサーバーを管理できます。 必要な条件 自動更新の仕組み 以下の流れで設定を行います： スクリプトを作成 自動更新を行うスクリプトを作成します。 スクリプトファイルを作成: サーバー上で以下のコマンドを実行し、スクリプトファイルを作成します。 下記のkaihatsublogはSvelteアプリがデプロイされているディレクトリでGitHubのリポがクローンされている状態です。 スクリプト内容を記載: 以下の内容をスクリプトに記載します。 もし、メモリの小さい共有のサーバーを使用している場合は下記の様に更新できます。 ※ main の部分は、GitHubのブランチ名に合わせて変更してください。 ※ pm2 restart の引数は、PM2に登録されたアプリ名に合わせてください。 スクリプトに実行権限を付与: スクリプトを実行して動作を確認します： それぞれ記載したコマンドの結果がかえってきます。 修正手順 1. package.json の修正 Svelteアプリが外部アクセス可能でない場合、start スクリプトに –host オプションを追加します： 以下のように修正します： 保存後、PM2プロセスを再起動します： 下記のkaihatsublogはpm2インスタンスの名称です。 保存して閉じます。 2. PM2 プロセスの再起動 必要に応じてPM2 でアプリを再起動します。 3. 動作確認 バックエンドが応答するか確認: ブラウザで確認： トラブルシューティング PM2 プロセスが起動しない場合 PM2 ログを確認します： Nginx経由の接続に問題がある場合 Nginxの設定ファイルを確認し、proxy_pass が適切なポートに設定されていることを確認します： Nginx 設定を再読み込み：

前回の記事では、SvelteアプリをNginxでデプロイしドメインからアクセスできるようにしました。今回は、Let’s Encryptを使ったSSL証明書の設定とそのトラブルシューティング方法を解説します。 まず、SSHを使ってサーバーにログインします。 Certbotをインストール CertbotはLet’s EncryptからSSL証明書を取得し、自動更新を管理するツールです。 以下のコマンドでインストールします： SSL証明書を取得 成功時の出力例： これで、HTTPSが有効になります。 Certbotの自動更新を確認 Let’s Encryptの証明書は90日間有効です。Certbotは証明書の自動更新をサポートしています。 Certbotのステータス確認 以下のコマンドでCertbotのタイマー（certbot.timer）が有効か確認します。 有効時の出力例： Certbotの有効化 もし有効でない場合、以下のコマンドを実行してCertbotを有効化します： 自動更新のテスト 証明書の自動更新が動作するかをシミュレーションします。 以下のコマンドを実行: このコマンドでエラーがなければ、自動更新が正しく設定されています。 Nginxの自動再読み込みスクリプト 自動更新後にNginxを再読み込みするスクリプトを用意することで、更新された証明書を自動的に適用できます。以下のスクリプトを作成しておけば、更新のたびに手動で再読み込みする必要がなくなります。 スクリプトファイル作成: 以下のコマンドでスクリプトを作成します： スクリプト内容: 実行権限の付与: 動作確認: 証明書更新をシミュレートしてスクリプトの動作を確認: トラブルシュート Let’s Encryptの認証エラー 以下のようなエラーが表示された場合、問題の原因を特定します。 エラー例： 原因と対策 DNS設定が正しくない dig コマンドを使用して、ドメインが正しいIPアドレス（IPv4とIPv6の両方）を指していることを確認します。 必要に応じて、ドメイン管理サービスでDNS設定を修正します。 Nginxの設定が不適切 ファイアウォールやセキュリティ設定 ポート80（HTTP）と443（HTTPS）が許可されているか確認します。 DNS設定の確認方法 以下のコマンドで、ドメインが正しいIPアドレスを指しているか確認します： IPv4アドレス確認 IPv6アドレス確認 まとめ これで、ドメインにHTTPSを適用し、安全な通信が実現できますね。

この記事では、Namecheapで購入したドメイン（例: asameshicode.com）をLinodeサーバーのIPアドレスにマッピングし、Nginxで設定した後、HTTPSを有効化する方法を解説します。 Namecheapでドメインを設定する ドメインのDNSをLinodeに設定 設定を保存します。 LinodeのDNSマネージャーでドメインを設定 Linodeのアカウントにログイン。 “Domains” ページに移動し、新しいドメインを作成： 保存（Create Domain） をクリック。 補足既存のLinodeインスタンスを選択すると、Aレコードやwwwサブドメインが自動的に設定されます。 サーバー側の設定 (Ubuntu + Nginx) サーバーに接続 まずはSSHクライアントを使い、Linodeサーバーに接続します。 Nginxの仮想ホストを設定 ドメインを使用するようにNginxの設定を更新します。 Nginxの設定ファイルを開く: 以下の内容を記載または更新します： ファイルを保存（Ctrl + O）し、閉じます（Ctrl + X）。 仮想ホストを有効化: 以下のコマンドで設定を有効化します（リンクを作成）： Nginxの設定をテスト: Nginxを再起動: 設定を反映するためにNginxを再起動します： 動作確認 これでドメイン(asameshicode.com）などをブラウザに入力するとWebアプリが表示されます。 では次回、httpのサイトでは通信が暗号化されていないのでLet’s EncryptでSSL証明書を取得する方法を紹介します。

Ubuntu環境でSvelteKitアプリをServer-Side Rendering (SSR) 対応でLinodeサーバーにデプロイする手順を解説します。Node.jsやNginxを活用して、安全でスケーラブルな環境を簡単に構築する方法を学べます。 SvelteKitのNode.jsアダプタを設定 Node.jsアダプタのインストール SvelteKitをNode.js環境で動作させるために、@sveltejs/adapter-node をインストールします。 以下、アダプタの説明になります。 @sveltejs/adapter-node は、Node.js サーバー環境での使用を目的として設計されています。以下のような特徴があります： PM2との相性の良さ PM2 を使用することで、以下の利点があります： adapter-node は、Node.jsサーバーとして動作するため、PM2とシームレスに連携できます。一方、adapter-auto では、他のアダプター（例: adapter-static）が選択される場合があり、PM2のようなプロセス管理ツールとの併用が困難になる可能性があります。 ではアダプタをインストールします。 ではこれさくっとを理解したところでsvelte.config.jsを更新します。 Linodeサーバーのセットアップ 作成後、インスタンスのIPアドレスとrootパスワードをメモします。プロビジョニングが終わると下記の黄色のアイコンが緑色になり、Runningに更新されることからセットアップが完了したことがわかります。ここでSSHアクセスのためにIPアドレスの部分をメモっておきます。 SSHでサーバーにアクセス 初回接続時には、次のようなプロンプトが表示されます： yes と入力して進めます。その後、サーバーのパスワードを入力します。 サーバーのアップデート ユーザーの権限を設定 セキュリティのため、アプリケーションディレクトリをroot以外のユーザーで操作するのが推奨されます。 ユーザーを作成する場合新しいユーザーを作成します。 作成したディレクトリの所有権を変更します。 アクセスを確認するため、appuserでログインまたは切り替えます。 ファイアウォールの設定を確認 ファイアウォールでポート 3000 を開放します。 ファイアウォールルールを確認 UFWを有効化 UFWを有効にするには以下のコマンドを実行します： 必要なポートを許可 サーバーで必要なポートを許可します。 HTTP (80番ポート) と HTTPS (443番ポート) を許可: ポート 3000 を開放 SSHアクセス（22番ポート）を許可: SSHでサーバーを管理する場合、必ずSSHポートを許可しておきます。 最終確認 Node.jsのインストール … Read more