46
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Coder上で秒でサーバを立てる

Last updated at Posted at 2019-03-01

Coder使ってみた!
ブラウザでVS codeが使えるクラウド IDEの大本命「Coder」

Coderはブラウザ上でVSCodeがそのまま使えるIDEです。

多分本来の使い方ではないですが、
Coder上で秒速でサーバを立てて動作確認する方法。
プロジェクトを作成して、index.htmlを作成する。

index.html
<html>
    <head>
        <title>test</title>
    </head>
    <body>
        hello world!!
    </body>
</html>

プロジェクトのターミナルからコマンドが叩けます。
npmは最初から使えます。

スクリーンショット 2019-03-01 18.00.52.png

serveでサーバを立てるためのパッケージ
ngrokはlocalhostをグローバルに公開するためのパッケージ
をインストールします。

.sh
$ npm install serve ngrok
$ npx serve . &

   ┌─────────────────────────────────────────────────┐
   │                                                 │
   │   Serving!                                      │
   │                                                 │
   │   - Local:            http://localhost:5000     │
   │   - On Your Network:  http://172.20.64.2:5000   │
   │                                                 │
   └─────────────────────────────────────────────────┘

$ npx ngrok http 5000

ngrok by @inconshreveable                                                                                                                                            (Ctrl+C to quit)

Session Status                online
Session Expires               7 hours, 59 minutes
Version                       2.2.8
Region                        United States (us)
Web Interface                 http://127.0.0.1:4040
Forwarding                    http://1d8aee5b.ngrok.io -> localhost:5000
Forwarding                    https://1d8aee5b.ngrok.io -> localhost:5000

Connections                   ttl     opn     rt1     rt5     p50     p90
                              0       0       0.00    0.00    0.00    0.00

ngrokで払い出されたURLにアクセス
(この場合は、https://1d8aee5b.ngrok.io

スクリーンショット 2019-03-01 18.02.40.png
46
43
1

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
46
43

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?