1。概要
最近、自分のウェブサイトを作りたいと思っているのですが、財布はからっぽで、ドメイン名はおろかサーバーを借りる余裕もありません。そこで、無料で自分でサーバーを構築できないか考えてみました。
数日間サーフィンをした後、Apache と Nginx という2 つの無料の Web サイト構築ツールがあることを発見しました。
2ステップ
2.1 Nginxのインストール
まず、Nginx 公式 Web サイト (nginx.org[1]) にアクセスしてダウンロードするか、私が提供したリンクを直接使用して
バージョン 1.23 をダウンロードできます: http://nginx.org/download/nginx-1.23.1.zip[ 2]
インストール後、解凍すると次のディレクトリが表示されます。
Nginxには多くの機能があり、今日はサーバーを構築したばかりなので、その一部のみを使用します。
2.2 Nginxの設定
conf フォルダーに入り、編集のために nginx.conf
ファイルを開きます。その中には多くの設定があります。重要な設定のいくつかについて説明しました (その前の # は、実際には設定が書き込まれていないことを意味します。追加したい場合は、 、 # を削除するだけです)
2.3 Nginxサービスの開始
Nginx を構成した後、Nginx ルート ディレクトリに戻り、nginx.exe を見つけてダブルクリックして実行すると、小さな黒いボックスが点滅しているのが見えます。これは、Nginx が正常に起動したことを意味します。ブラウザを開いて「仮想ホスト名: リスニング ポート (構成済み)」と入力し、Enter キーを押すと、次の Web ページが表示されます。 おめでとうございます。Nginx サーバーのセットアップが完了しました
。
2. 4. Web サイトにファイルを追加する
サービスをオンにするだけでは十分ではありません。あなたの Web サイトに無味乾燥なテキストが含まれているだけだと他の人が見たら、何の役に立つでしょうか? 次に、構成したばかりのフォルダーの場所を入力し、そのフォルダーの下に新しいテキストを作成して開き、次のコードを入力します。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta >
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
}
.container {
height: 100%;
background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);
}
.login-wrapper {
background-color: #fff;
width: 358px;
height: 588px;
border-radius: 15px;
padding: 0 50px;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.header {
font-size: 38px;
font-weight: bold;
text-align: center;
line-height: 200px;
}
.input-item {
display: block;
width: 100%;
margin-bottom: 20px;
border: 0;
padding: 10px;
border-bottom: 1px solid rgb(128, 125, 125);
font-size: 15px;
outline: none;
}
.input-item:placeholder {
text-transform: uppercase;
}
.btn {
text-align: center;
padding: 10px;
width: 100%;
margin-top: 40px;
background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);
color: #fff;
}
.msg {
text-align: center;
line-height: 88px;
}
a {
text-decoration: none;
color: #abc1ee;
}
</style>
</head>
<body>
<div class="container">
<div class="login-wrapper">
<div class="header">Login</div>
<div class="form-wrapper">
<input type="text" >
<input type="password" >
<div class="btn">Login</div>
</div>
<div class="msg">
Don't have account?
<a href="#">Sign up</a>
</div>
</div>
</div>
</body>
</html>
次に、ファイル名をindex.htmlに変更して保存し、最後にブラウザを再度開き、仮想ホスト名：リスニングポート（構成済み）を入力し、Enterを押すと、次のページが表示されます。
? このindex.htmlは実際にHTML+CSSを使って書かれているので、興味のある方は学んでみてください。HTML ファイルに加えて、写真、ビデオ、圧縮パッケージなどの任意のファイルをこのフォルダーに置くこともできます。
2.5 イントラネットの浸透
サーバーがセットアップされ、Web ページが利用可能になりますが、実際には、同じ LAN 上の人を除いて、誰もあなたの Web サイトにアクセスできません。
ここで使用されるイントラネット ペネトレーションとは、パブリック ネットワーク
IP を介してローカル エリア ネットワークに直接アクセスできることを意味し、ユーザーの日常的なリモート操作が大幅に容易になります。ここではFeigeのイントラネットペネトレーションを利用することを推奨します。
2.5.1 登録
Feige のイントラネットにアクセスし、公式 Web サイトにアクセスして登録します。この手順の詳細については説明しません。
2.5.2 オープントンネル
登録後、「トンネルを開く」オプションをクリックし、「無料ノード」を選択します。体力のある方は高価なものを選択することもできます。
次に、情報を入力します。プレフィックス付きのドメイン名はカスタマイズでき、ローカル IP ポートは次のように設定する必要があります。 イントラネット IP: 構成したばかりのポート番号。
最後に、「OK」をクリックしてアクティベーションを確認すると、無料のドメイン名と無料のパブリック IP が取得されます。
2.5.3 サービスの開始
このリンクをクリックして、コンピュータ システムに応じてクライアントをダウンロードします。ダウンロード後、解凍すると、click me to run for folk.vbsとnpc.exeの合計2つのファイルがあります。[Foolish Run] をクリックし、[me.vbs] をクリックします。開くと、指示の入力を求めるポップアップ ウィンドウが表示されます。以下に示すように、Feige の公式 Web サイトに戻り、「トンネル管理」をクリックします。コンピュータ システムに応じてコマンドを選択し、「コピー」をクリックしてから、先ほどのポップアップ ウィンドウに戻り、コマンドを入力して、「OK」をクリックします。
このようにして、イントラネットへの浸透は成功します。ブラウザを開き、先ほど開いたトンネル（上の図で消した部分）のアクセスアドレスを入力してEnterを押すと、先ほど書いたWebページも開くことができ、成功です。