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

​

はじめに

​

前提条件

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

​

プロジェクトの作成

​

Remix CLI のインストール

npm install -g create-remix

​

プロジェクトの開発

create-remix myapp

cd myapp 
npm install

npm run dev

​

基本的なルートの例

export default function Index() {
  return <h1>Hello World from Remix!</h1>;
}

​

プロジェクトのビルド

npm run build

​

本番サーバーの選択

​

Remix serve

npx remix-serve remix-serve build/index.js

​

デプロイ

​

ダッシュボード経由

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

​

トラブルシューティング

​

追加リソース

​

お問い合わせ