サイトアイコン ITC Media

Webアプリをネットで公開!「どうやる?」の流れと最初の一歩を徹底的に解説します!

(最終更新月:2021年10月)

「せっかくWebアプリを作ったのに公開ができない!?」

「Webアプリは作れるようになったけど、サーバーって何を使えばいいの!?」

などと疑問をお持ちの方へ、当記事では、

を解説します。

当記事での準備が済んだ上で、Webサーバーの構築へ進むことで、Webアプリ公開へグッと近づきます。

Webアプリをネットに公開するまでの全体的な流れを見ていきましょう。

Webアプリ公開までの流れ

Webアプリ公開までのステップは下記のとおりです。

  1. ネット上でアクセスできるUbuntu搭載のコンピューターを準備する
  2. Ubuntu上にWebサーバーを構築する
  3. WebサーバーにWebアプリを搭載する
  4. ドメインと紐付ける

Webアプリは一般的なHTMLで構成されたウェブサイトとは違いますので、通常のレンタルサーバーでの公開は難しいです。

そのため、自作した環境で上記1, 2の工程を経る必要があります。

実際にはUbuntuでなくてもWebサーバーは構築できますが、当ブログではUbuntuで話を進めていきます。

Linuxのサーバーをお使いの方であれば、当記事の内容から大きくずれることはないでしょう。

Ubuntu環境さえ準備すれば、残りの2から4はほとんど同じ作業です。

次章にて、Ubuntu環境を準備する方法を解説していきます。

Webサーバー構築のためのOS環境を準備する方法

大きく分けて2つの方法があります。

それぞれのメリット・デメリットを見てみましょう

【パターン①】自前のコンピューターを使う

メリットは既にお持ちのパソコンを使えば導入時のコストがかからないことにあります。

また日々のランニングコストもかかりません。(電気代はかかりますが、、)

ただし、こんなデメリットがあります。

とくに最後のは普段使っているパソコンでよくわからずやると危険ですね。

ですので自前で準備をするならせめてWebサーバー専用のコンピューターを用意する必要があります。

その際も購入費はかかるもののランニング費用は電気代くらいですむのが良いところです。

対して、クラウドサービスの特徴を見てみます。

【パターン②】Web上のクラウドサービスを使う

デメリットはサービス使用量が毎月 /毎年定額でかかってしまうことです。

ただし、こんなメリットがあります。

月額かかるとはいえ、今回ご紹介するサービスは月額500円程度で使用可能です。

結局オススメの方法は?

最初から本番環境!というならパターン②クラウドサービスがセキュリティ上なども良いでしょう!

ただ、「Webサーバーについて詳しく知りたい!」とか「失敗するかもしれないから色々と試したい!」という方はパターン①自前のコンピューターで遊んでみても良いかと思います!

それぞれの方法でOSを準備するには下記の記事でご説明しています。

とりあえずいじって遊んで見る「自前で用意する」

パソコンとして使うためにいろいろ揃えても3万円程度です。

サーバーで使うだけなら最低限揃えて始めてみましょう!↓

セキュリティ重視で「クラウドサービスを使う」

クラウドサービス「DigitalOcean」を使って、簡単にネット上でUbuntu環境が準備できます

↓からリンクをたどって約1万円のクレジットをGETして始めてみましょう!

どちらかでOS環境を準備したら「Webサーバーの構築」へ進みますので、まずは自身のお好きな方法でWebサーバーを構築するための土台を準備しましょう!

もしドメインの取得をしておきたいなら、こちらの記事を参考にお好きなものをお選びください。

モバイルバージョンを終了