2019.03.27ngrokを使ってMacで起動しているアプリをグローバルに公開してみる今回は、ngrokを利用してMac上で動いているアプリをグローバルに公開してみたいと思います。]はじめにngrokとはなんでグローバルに公開するの?ngrokインストールngrokを起動はじめにこんにちは、香港に住んでいるWEBデベロッパーのなかむ(@nakanakamu0828)です。今回は、ngrokを利用してMac上で動いているアプリをグローバルに公開してみたいと思います。記載されていますが、ローカル環境(今回はMac)で動いているサーバーを外部からアクセスできるようにグローバルに公開する仕組みです。ngrokがグローバルなURLを発行し、そのURLへのアクセスをローカル環境のサーバーにトンネリングします。ポートフォワード、トンネリングという言葉をググってみてください。利用してアクセスしているエンジニアの方も多いのではないでしょうか?ステージングや商用環境のRDBには直接アクセスできない(3360ポートは外部公開していない)と思います。この仕組みと似ていますね。なんでグローバルに公開するの?グローバルに公開するメリットは以下が挙げられます。URLがhttpsに限定されていたり、実在するドメインでないと利用できないケースWebhookの通知を受けたい。今回は、3つ目のOAuthの利用でngrokを導入することにしました。アカウントを作成します。登録後は、ngrokのダッシュボード画面に遷移します。バイナリーを設定しましょう。今回は、zipダウンロード後以下のコマンドで進めています。今回はローカルの80番ポートにフォワードします。0.00この場合、http://f6104064.ngrok.ioでアクセス可能になります。起動毎にURLが変わります。香港在住4年目になるWEBエンジニアのなかむです。現在は、LaravelやRailsを利用したWEB開発を中心にエンジニアをしています。顧客は全て日本の企業になります。Posts【技術メモ】CentOS7でrootユーザーのパスワードを変更するちょうどCentOS7の環境を触っていたので、rootパスワードの変更方法を初学者に向けてメモとして残します。今回は、HerokuのClearDBアドオンを利用してMySQLをデータベースとして利用する方法をまとめていきます。2019.07.07unDrawのSVG画像が素敵すぎる無料で利用可能なSVG画像を提供してくれているunDrawが素敵すぎるので紹介します。今回はNuxt.jsで構築したブログにDISQUSのコメントフォームを設置する方法をまとめます。今回はGatsbyJSで構築したブログにDISQUSのコメントフォームを設置する方法をまとめます。2019.06.052019年5月のブログ振り返り2019年5月のブログの振り返りを行っていきます。Blog香港在住エンジニアのなかむが技術情報を発信するためのメディア。Nuxt.jsenvelope-solid。