1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

SurgeにWebページをデプロイするメモ

Last updated at Posted at 2021-07-22

ざっくりSurge

静的 Web ページを公開できるサービスです。
無料プランと 月 30 ドルの有料プランがありますが、無料プランでも趣味の範囲なら十分そうです。

  • surgeコマンドを使って、マシン上のどのディレクトリのコードでもデプロイできる
  • カスタムドメインを利用できる。(xxxxxx.surge.sh。購入済みドメインも設定できる。)
  • 無料版でもパブリッシュの上限なし

さっそくデプロイしてみる

surge の CLI ツールをインストールします。

npm i -g surge

デプロイしたいディレクトリに移動し、surge コマンドを実行します。

cd /path/to/publish/directory/
surge

初回実行時のみユーザー登録が必要なので、登録しましょう。

いくつかオプションを聞かれるので、答えます。

  • project: デプロイしたいディレクトリ。カレントディレクトリがデプロイしたいディレクトリであればそのままで OK。
  • domain: 今回はxxxxxxxx.surge.shなどsurge.shのサブドメインを指定しました
$ surge

Running as xxxxxxx@gmail.com (Student)

     project: /path/to/publish/directory/
      domain: xxxxxxxxxx.surge.sh
      upload: [] 100% eta: 0.0s (4 files, 17763 bytes)
         CDN: [====================] 100%
  encryption: *.surge.sh, surge.sh (278 days)
          IP: xxx.xxx.xxx.xxx

Success! - Published to xxxxxxxxxx.surge.sh

これでデプロイ完了です。
https://xxxxxxxxxx.surge.sh にアクセスすると、作成した Web ページが表示されます。

上記の手順は以下のコマンドと同等です。

surge /path/to/publish/directory/ xxxxxxxxxx.surge.sh
1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?