🚀 はじめに
- 始める前に、HTML および CSS ファイルを作成するのに適したテキストエディタがあることを確認してください。Visual Studio Code またはお好みのエディタをおすすめします。
- 次に、Square Cloud のアカウントを作成する必要があります。これはログインページから行えます。アカウントの作成にはメール、GitHub、またはその両方を使用できます。
- 最後に、アカウントに有効な有料プランが必要です。プランを確認し、ニーズに合わせてこちらから購入できます。
Square Cloud は HTML/CSS サイトなどの静的プロジェクトをネイティブにサポートしています。つまり、HTML、CSS、その他の静的リソースをプラットフォーム上で簡単にホスティングできます。統合されたプレミアム CDN により、あなたのサイトは世界中のユーザーに素早く配信されます。
Square Cloud のウェブサイト経由でアプリケーションをアップロードする場合は、以下のセクションは無視して構いません。サイトが自動的に
squarecloud.app 設定ファイルを作成します。📄 必要なファイル
- index.html（メインファイルの例）。
- vite.html（Vite プロジェクト向けのメインファイルの例）。
- 404.html（404 エラールーティングファイル、任意）。
🖥️ プロジェクトの準備
Square Cloud でプロジェクトをホスティングする前に、まずプロジェクトファイルがホスティング用に適切に設定されているかを確認してください。📤 プロジェクトのホスティング方法
HTML/CSS プロジェクトのすべてのファイルを準備できたので、次のステップはそれらを Square Cloud にアップロードし、アプリケーションをオンラインにすることです。アップロードにはいくつかの方法がありますが、ここでは 2 つを取り上げます。Dashboard 経由と CLI 経由です。ダッシュボード経由
1
アップロードページにアクセス
アップロードページにアクセスし、プロジェクトの zip ファイルをアップロードします。
2
環境を設定
zip をアップロードした後、プロジェクトの名前、メインファイルまたはランタイム環境、その他の設定を構成する必要があります。
ウェブプロジェクトをアップロードする場合は、必ず「Web Publication」を選択し、プロジェクトにサブドメインを設定してください。
ウェブプロジェクトをアップロードする場合は、必ず「Web Publication」を選択し、プロジェクトにサブドメインを設定してください。
3
プロジェクトをデプロイ
最後に「Deploy」ボタンをクリックして、プロジェクトを Square Cloud にホストします。
デプロイ後、ダッシュボードからプロジェクトのステータスとログを監視できます。
デプロイ後、ダッシュボードからプロジェクトのステータスとログを監視できます。
4
アプリが稼働していることを確認
最初のデプロイは、通常 1 分もかからずに完了します。ダッシュボードでアプリケーションのステータスが running になるのを待ち、起動時のエラーがないかログを確認してください。
ウェブサイトや API をデプロイした場合は、ブラウザで
ウェブサイトや API をデプロイした場合は、ブラウザで
https://<your-subdomain>.squareweb.app を開き、アプリケーションが応答することを確認してください。ボットをデプロイした場合は、コマンドを送信してオンラインになっていることを確認してください。
CLI 経由
この方法を使用するには、プロジェクトのルートディレクトリにsquarecloud.app という名前の設定ファイルを作成する必要があります。このファイルには、プロジェクトに必要な設定が含まれます。
設定ファイルガイド
アプリケーションの環境を定義する
squarecloud.app 設定ファイルの作成方法を学びます。1
CLI をインストール
まず、環境に CLI がインストールされている必要があります。まだの場合は、ターミナルで次のコマンドを実行してください:すでにお持ちの場合は、更新することを推奨します。更新するには、ターミナルで次のコマンドを実行してください:
- Windows
- Linux, macOS, and WSL
2
認証
次に、認証して他の CLI コマンドを使用するには、こちらで「Request API Key」をクリックして認証キーを取得します。認証キーを取得したら、次のコマンドを実行してください:
3
プロジェクトをアップロード
最後に、CLI を使用してアプリケーションを Square Cloud にデプロイするには、次のコマンドを実行する必要があります:または、zip を手動で作成した場合は、次を使用できます:
4
アプリが稼働していることを確認
最初のデプロイは、通常 1 分もかからずに完了します。ターミナルから直接、アプリケーションのステータスとログを確認してください。ウェブサイトや API をデプロイした場合は、ブラウザで
https://<your-subdomain>.squareweb.app を開き、アプリケーションが応答することを確認してください。ボットをデプロイした場合は、コマンドを送信してオンラインになっていることを確認してください。