Astro アプリケーションをホストする方法

​

はじめに

​

前提条件

• Square Cloud アカウント: 登録ページからメールアドレスを使って登録します。
• 有効な有料プラン: アプリケーションに専用リソースと最適化されたパフォーマンスを提供します。利用可能なプランを確認し、ニーズに最も適したものを選択してください。

​

プロジェクトの作成

npm create astro@latest

​

依存関係のインストール

cd my-astro-site
npm install

​

プロジェクトの開発

npm run dev

---
---
<h1>Hello from Astro!</h1>

​

プロジェクトのビルド

npm run build

​

本番サーバーの選択

​

Express ライブラリ

import express from 'express';
import path from 'path';

const app = express();
const distPath = path.join(import.meta.dirname, 'dist');

app.use(express.static(distPath));

// SPA fallback: serve index.html for any route not matched above
app.use((req, res) => {
  res.sendFile(path.join(distPath, 'index.html'));
});

app.listen(80, () => console.log('Server running on port 80'));

​

Serve ライブラリ

​

Serve ライブラリのインストール

npm install serve@14.2.3

​

起動スクリプトの設定

"scripts": {
  "start:prod": "serve -s dist -l 80",
  ...
}

• serve: serve サーバーを起動するコマンドです。
• -s dist: -s オプションは dist ディレクトリをシングルページアプリケーションモードで配信します。これにより、見つからないすべてのリクエストが index.html にリダイレクトされます。dist ディレクトリは通常、npm run build を実行すると作成されます。
• -l 80: -l オプションに続けて 80 を指定すると、serve はポート 80 でリッスンします。ポート 80 は HTTP トラフィックのデフォルトポートです。

​

デプロイ

​

ダッシュボード経由

1

アップロードページにアクセス

アップロードページにアクセスし、プロジェクトの zip ファイルをアップロードします。

2

環境を設定

zip をアップロードした後、プロジェクトの名前、メインファイルまたはランタイム環境、その他の設定を構成する必要があります。
ウェブプロジェクトをアップロードする場合は、必ず「Web Publication」を選択し、プロジェクトにサブドメインを設定してください。

3

プロジェクトをデプロイ

最後に「Deploy」ボタンをクリックして、プロジェクトを Square Cloud にホストします。
デプロイ後、ダッシュボードからプロジェクトのステータスとログを監視できます。

4

アプリが稼働していることを確認

最初のデプロイは、通常 1 分もかからずに完了します。ダッシュボードでアプリケーションのステータスが running になるのを待ち、起動時のエラーがないかログを確認してください。
ウェブサイトや API をデプロイした場合は、ブラウザで https://<your-subdomain>.squareweb.app を開き、アプリケーションが応答することを確認してください。ボットをデプロイした場合は、コマンドを送信してオンラインになっていることを確認してください。

アプリが起動しませんか？よくある原因と修正方法はトラブルシューティングガイドを参照してください。

​

CLI 経由

npm install -g @squarecloud/cli

squarecloud update

curl -fsSL https://cli.squarecloud.app/install | bash

squarecloud auth login

squarecloud upload 

squarecloud upload --file <path/to/zip> 

squarecloud app status
squarecloud app logs

​

トラブルシューティング

​

追加リソース

​

お問い合わせ