作ったWEBサービスやポートフォリオをエックスサーバーに公開する方法・手順

今回はこんな悩みを持つ人向けの内容です。

プログラミングの勉強をしている人であれば、自分の作ったWEBサービスやポートフォリオをインターネット上に公開してみたいという人も多いのではないでしょうか？

しかし、レンタルサーバーのサイトを見てもその手順は書いていないので、初めてだとわからないという人もいますよね。

そこで、この記事ではあなたが作ったWEBサービスやポートフォリオをエックスサーバーで公開する方法について解説します。

エックスサーバーへ公開するまでの手順

公開前の準備

サーバーへ公開する前にまず次の２点、準備しておく必要があります。

1. 独自ドメインの取得

ドメインとは簡単に言ってしまうと、そのサイトの住所のことを指します。

例えば、このサイトでいうとURLにある「naoya-ono.com」がドメインに該当します。

その他の例として、アマゾンであれば「amazon.co.jp」、Facebookであれば「facebook.com」がドメインを指します。

レンタルサーバーは借り家みたいなものですが、まだ住所登録が住んでいないので誰もその家にアクセスすることができません。

そのため、アクセスできるようにするために住所の取得と登録、つまりドメインを取得し登録する必要があります。

ドメインの登録サービスは色々ありますが、エックスサーバーを使うのであれば「エックスドメイン」がおすすめです。

エックスドメインはエックスサーバーと同じ会社が運営しているので、後述するDNSの設定変更も不要になりますし、エックスサーバーの管理画面でサーバー情報とドメイン情報が一括で管理できるので、管理がしやすいです。

▶︎ エックスドメイン公式

ドメインの取得方法は公式サイトから登録したいドメインを検索して、登録するだけです。

ちなみに、値段は１年で１,０００円程度とお手頃価格です。

2. ドメインの設定

ドメインの取得つまり住所の取得ができたら、借りた家（サーバー）と住所（ドメイン）を紐付けるための手続きが必要があります。

エックスサーバー側の設定

後は「登録しますか」みたいなメッセージが表示されるので、「登録する」をクリックすれば完了です。

尚、「ムームードメイン」や「お名前.com」などエックスドメイン以外のサイトでドメインを取得した場合はDNSの設定変更が必要になります。

この記事では「お名前.com」を例に挙げ、DNSの設定方法を紹介します。

お名前.comでのDNS設定変更手順

以上で、DNSの設定変更は完了です。

これで準備が整ったので、続いてポートフォリオやWEBサービスを公開するための方法を解説します。

自分で作ったポートフォリオを公開する

設定方法といっても、単純にサーバーに接続してファイルをアップロードするだけで完了します。

ファイルをアップロードするにはファイル転送ツールを使います。

ツールは色々あるので、好きな物を使ってもらえればいいと思いますが、僕の場合はシンプルで使いやすいと評判の「Cyberduck」を使っています。

そのため今回は「Cyberduck」を使った手順を紹介しています。

ポートフォリオの公開手順

以上で、アップロード完了です。

最後に、実際にURLを入力してあなたのポートフォリオが見れるかどうか確認しましょう！

自分で作ったWEBサービスを公開する

続いて、WEBサービスを公開する方法ですが、先ほどの「ポートフォリオを公開する方法」にDBの設定が追加されただけです。

 WEBサービスの公開手順

あとは、上の「ポートフォリオの公開手順」で紹介したようにサーバー上にプログラムファイルをアップロードすると作業は完了です。

全てのファイルがアップロードできたら、実際にURLを入力して画面がきちんと表示されるか確認しましょう。