LoginSignup
0
0

More than 3 years have passed since last update.

ngrok と express を組み合わせて Hello World!(ngrok のモジュールを利用)

Last updated at Posted at 2021-04-11

表題の内容の通りです。

ngrok と express のモジュールを読み込んで、シンプルに Hello World! を返す、という内容を試した際の個人用メモです。

事前準備から実行まで

事前準備

事前に npm install ngrok express を実行してください。

コードの内容

以下の内容を、例えば app.js など適当な名前で作成します。
以下でポート番号は 8080 としましたが、適当に変えてしまって問題ありません。

const ngrok = require("ngrok"),
  express = require("express");
const port = 8080;

const app = express();

app.get("/", (req, res) => {
  res.send("Hello World!");
});

ngrok.connect(port).then((url) => {
  app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`);
    console.log(`Example app listening at ${url}`);
  });
});

そして、 node app.js を実行してください。
そうすると、ローカル・グローバル側からのそれぞれのアクセス先の情報が、以下のように出力されます。
実行結果.jpg

どちらにアクセスしても、ブラウザ上で以下が表示されます。
ブラウザでのアクセス結果.jpg

参照した記事

●Raspberry Piをngrokで公開する - Part1: Expressをpm2から起動する - Qiita
 https://qiita.com/masato/items/9fd096a544fc462a7b11

【追記】 その後にやったこと

●Google Colab上で Node.js でサーバーを動して外部からアクセス(モジュール:ngrok・express) - Qiita
 https://qiita.com/youtoy/items/2f75ad138861191e5019

0
0
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
0
0