🚀 はじめに
- 始める前に、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 経由です。ダッシュボード経由
アップロードページにアクセス
アップロードページにアクセスし、プロジェクトの zip ファイルをアップロードします。
環境を設定
zip をアップロードした後、プロジェクトの名前、メインファイルまたはランタイム環境、その他の設定を構成する必要があります。
ウェブプロジェクトをアップロードする場合は、必ず「Web Publication」を選択し、プロジェクトにサブドメインを設定してください。
ウェブプロジェクトをアップロードする場合は、必ず「Web Publication」を選択し、プロジェクトにサブドメインを設定してください。
CLI 経由
この方法を使用するには、プロジェクトのルートディレクトリにsquarecloud.app という名前の設定ファイルを作成する必要があります。このファイルには、プロジェクトに必要な設定が含まれます。
詳細はこちら: Square Cloud の設定ファイルの作成方法。
squarecloud.app ファイルはアプリケーションを構成するために使用される設定ファイルであり、環境を定義するために使用されます。
CLI をインストール
まず、環境に CLI がインストールされている必要があります。まだの場合は、ターミナルで次のコマンドを実行してください:すでにお持ちの場合は、更新することを推奨します。更新するには、ターミナルで次のコマンドを実行してください:
- Windows
- Linux, macOS, and WSL
認証
次に、認証して他の CLI コマンドを使用するには、こちらで「Request API Key」をクリックして認証キーを取得します。認証キーを取得したら、次のコマンドを実行してください: