Synology 仮想マシンを使用してローカル Web ページ ファイルを展開し、パブリック ネットワーク経由でリモート アクセスを実現するにはどうすればよいですか?

序文

私のクラスメートのラオ・ジャンは、仕事上の必要から頻繁に旅行しますが、ようやくガールフレンドができたとしても、長期出張と時差ボケに悩まされ、2 つの場所から長期間離れなければなりませんでした。夜が静かになるたびに、彼らはうずうずして、地理的な距離に縛られずに関係を維持するための特別な方法を見つけたいと考え、愛に急ぐ情熱的な瞬間を思い出したいと考えています。

人々, カップル, 居場所の無料の写真素材

ある夜、ラオ・チャンは二人のラブストーリーを記念するウェブページを作成しましたが、いつでもどこでもガールフレンドにこのウェブページを見てもらう方法がわかりませんでした。ラオ・チャンは非常に不安で、どうすればガールフレンドにすぐに見てもらえるか私に尋ねました。このサイトへ?

私が彼に与えた解決策は次のとおりです。

Synology 仮想マシンを使用してローカル Web ページ ファイルを展開し、イントラネット侵入ツールを使用してそれをパブリック ネットワークに公開します。ガール フレンドがそれを見ることができるだけでなく、モーメントに投稿して愛情を示したり、作成したりすることもできます。他の人は悲しいです! !

画像-20230907113509100

ワンクリックで Synology 仮想マシンを無料でインストールする方法は、以下を参照してください。

学校の生徒は Heiqunhui 仮想マシンとイントラネット侵入をどのように使用して、大規模なリソースへのパブリック ネットワーク アクセスを実現できますか? (初心者専用) - cpolar JiDianCloud

Synology 仮想マシンをインストールした後、以下の手順に従ってローカル ラブ Web ページをすぐに公開してください。

1. Webページ実行環境をインストールする

簡単なものから難しいものまでの原則に従って、まず Synology NAS 上に単純な静的 Web ページを構築してみます。cpolar のデータ トンネル作成プロセスと Web ページ公開の原理をよく理解してから、より深い動的 Web ページを構築します。静的 Web ページを構築するには、まず Synology システムのパッケージ センターで Web ページを実行するために必要なプログラムをインストールする必要があります。これらのプログラムには、PHP シリーズや Web ステーション パッケージが含まれます。ここでは、php シリーズの php7.4 バージョンをインストールすることを選択します (これは、後で動的 Web ページを構築する場合にも必要なので、最初にインストールします)。

1.1 PHPをインストールする

Synology システムのパッケージ センターを開き、検索ボックスに php と入力し、php7.4 を見つけて、アイコンの下にある [パッケージのインストール] をクリックしてインストールします。

20221118140353

php7.4のインストールが完了すると「インストール済み」と表示されます。

20221118140402

1.2 Webステーションのインストール

同じ手順に従って、Web ステーション パッケージを検索してインストールします。

20221118140410

20221118140417

2. Web ページのソース コード ファイルをダウンロードします。

2.1 Web サイトのアドレスにアクセスし、圧縮パッケージをダウンロードします。

Web ステーションをセットアップする前に、まず Web ページ表示用の単純な Web ページのソース コードを見つけます。ここで選択したソース コードはオープン ソースの Web ページです (オープン ソースを共有してくれたプロデューサーに感謝します) ダウンロード アドレスは「https://gitee.com/selfeasy/love」です。 zip形式でダウンロードされます。

20221118140423

2.2 解凍して Qunhui NAS にアップロードする

次に、ローカル コンピュータで解凍します。解凍後、Web ページ フォルダーを Synology システムに直接ドラッグすることができますが、この時点ではまず Web フォルダーに保存できます。

20221118140430

20221118140437

3. Webステーションの構成

Web ページ フォルダーの移動が完了したら、Web ステーションをセットアップしてローカル Web ページを実行する環境を生成するだけです。

3.1 Webサービスの設定

Web ステーションの図の下にある [開く] ボタンをクリックして、Web ステーションのメイン インターフェイスに入ります。左側の [Web サービス] 項目をクリックし、ページ上部の [追加] をクリックして、[ネイティブ スクリプト言語] を選択します。ポップアップ選択ボックスで「 Web サイト」を選択し、コンテナーを実行する Web ページを生成します。

画像-20230821111725410

Web コンテンツの選択が完了したら、php を選択する必要があります。 apa が正しくインストールされている場合、インストールした php7.4 が [PHP] フィールドに表示されます。クリックして選択し、次へ をクリックします。

画像-20230821111813841

ウェブ サービス名概要を入力します。 ドキュメント ルート 選択参照

画像-20230821111940738

アップロードした静的 Web ページ フォルダを選択し、選択 をクリックします。

画像-20230821112017006

バックエンド サーバーとして Nginx または Apache を選択できます。構成情報を再度確認し、次へ をクリックします。

画像-20230821112033626

情報を確認し、追加 をクリックします。

画像-20230821112053376

この時点で、loveweb-先ほど作成したテストが Web サービスのメニュー バーに表示されます。 その名前のローカル Web ページを提供します。これは、Web サービスが正常に構成されたことを意味します。

画像-20230821112159083

3.2 Web ポータルの設定

次に、 設定しましょうネットワーク ポータル、左側のメニュー バーでネットワーク ポータルを選択します 追加[

画像-20230821112224565

Web サービス ポータルを選択します

画像-20230821112248576

クリックすると、ローカル Web サイトの設定ページが表示されますので、このページでパラメータを 1 つずつ設定する必要があります。

新しく作成したWeb サービスを選択します。テスト名は: loveweb < a i=4>-テスト

画像-20230821112331864

次の項目では、ポータル タイプを選択します。

1 つ目はポータル タイプの設定で、ホスト名またはポート番号に基づいて Web ページにアクセスするかどうかを選択できます (つまり、生成されたローカル アドレスは英語の文字列または数字で識別されます)。

ホスト名に基づいて Web ページを開くことを選択した場合、構成は次のようになります。

画像-20230821154844165

しかし、さらにお勧めするのは、ポートに基づいて選択することです。次に、より複雑な Web サイトの設定方法をさらに学習する必要があるためです。デバッグ プロセス中に Web サイトのアドレスを入力する場合、ポート番号 (2 桁) に基づいて入力するほうが便利で、エラーが発生しにくいことは明らかです。

画像-20230821112350894

  • ポートに基づいて選択する

    • ポート: HTTP を確認し、その後のスペースにポート番号 99 を入力します (おそらく https ポートは使用しませんが、ポート番号も延期する必要があります。そうしないと、ポート設定エラーが表示されます)。

ポートベースとホスト名ベースのいずれか 1 つだけが有効になり、両方を同時に有効にすることはできないことに注意してください。

  • ポートベースの URL は http://LANIP/hostname です。
  • ポートベースの URL は http://LAN IP:ポート番号です。

HTTP にチェックを入れ、ポート 99 を入力します。

画像-20230821150416297

クリック適用すると、ウェブ ポータルが表示されます インターフェイス 作成したユーザー定義ポータルを見つけて、対応するリンクをクリックします。

画像-20230821150449310

4. 静的 Web ページへの LAN アクセスが正常に設定されました

この時点で、LAN 内のローカル ポート 99 を使用して静的ページを開くことに成功しました。

画像-20230821150512741

ご覧のとおり、Web ページ テンプレートは正常に開くことができます。これは、Synology NAS 上の静的 Web ページが正常に構成されていることを意味します。 Web ステーションの構成の詳細は多数あるため、Web ページにアクセスできなくなる原因となる構成エラーを避けるために、構成時にはより注意する必要があります。

5. cpolar を使用して静的 Web ページを公開し、NAS 上にローカルに展開された Web ページへのパブリック ネットワーク アクセスを有効にします。

5.1 cpolar のインストール

Synology システムのソフトウェア インストール プログラムは Windows のソフトウェア インストール プログラムとは大きく異なりますが、同時に Synology システムはネイティブ Linux システムを変更しているため、Synology が cpolar をインストールしたい場合は、パッケージを手動でインストールするしかありません。まず、cpolar から Synology システム パッケージをダウンロードします。

cpolar Synology Suite のダウンロード アドレス:https://www.cpolar.com/synology-cpolar-suite

20221118135537

次に、Synology システムの [パッケージ センター] で [手動インストール] を選択し、ポップアップ ファイル選択ページで cpolar パッケージが保存されている場所を見つけて、[次へ] をクリックしてインストールします。インストールが開始される前に、Synology システムによってプロンプトが表示されますが、これは無視して、[同意する] を選択してインストールしてください。

20221118135543

20221118135548

20221118135556

同意するためにクリックすると、Qunhui システムはインストール情報を確認し、引き続き「完了」をクリックします。 cpolar がインストールされるまで少し待ちます。この時点で、パッケージ センターのホームページに戻ると、cpolar が「インストール済み」リストに追加されていることがわかります。

20221118135602

20221118135608

この時点で、「cpolar」をクリックして、cpolar ソフトウェア情報ページに入ります。ここで、cpolar クライアントにアクセスするための URL を見つけることができます (cpolar クライアントは Web-UI インターフェイスを使用するため、これが URL アドレスです)。

20221118135614

20221118135619

新しく開いた Web ページには、cpolar クライアントのローカル アドレスと cpolar クライアントのログイン インターフェイスが表示されます。 cpolar アカウントをお持ちでない場合は、ページ下部にある「無料登録」リンクから、cpolar アカウントをすばやく簡単に取得できます。

上記の説明から、Synology システムへの cpolar のインストールは複雑ではないことが簡単にわかります。わずか数ステップで、cpolar の強力なデータ トンネル機能を介して、イントラネット上の Synology NAS をパブリック インターネットに接続できます。

5.2 cpolar を使用してローカル ページをパブリック ネットワークに公開する

最初の数章では、cpolar を使用して、この焼きたての Web ページを公共のインターネットに公開する方法を紹介します。

前回の記事では、Web ステーションを使用して Synology システムで単純な静的 Web ページを作成し、LAN でテストしました。Web ページは正常に表示できました。次に、cpolar を使用してデータ トンネルを確立し、この Web ページをパブリック インターネットに公開します。では、その方法を見てみましょう。

cpolar を使用してデータ トンネルを作成する前に、ローカル Web ページの出力ポートを確認する必要があります。前の設定では、http ポートと https ポートをそれぞれ 81 と 82 に設定しました (同じポートに設定するとポートの競合が発生します)。したがって、個別に設定することしかできません)。 cpolar の設定では、ポート 81 を直接使用してデータ トンネルを確立できます。

Synology システムで cpolar クライアントを開きます

20221118140628

「トンネル管理」の下の「トンネルの作成」ページを選択します。イントラネット Synology NAS へのリモート アクセスの設定と同じように、最初にこのトンネルに名前を付ける必要があります。ここでは、Web ページのテーマ love をトンネル名として使用します。次に、「プロトコル」に「http」プロトコルを選択し、「ローカル アドレス」を選択します。 「 は Web ページのポート番号を表します。ここでは「99」を入力します。「ドメイン名の種類」では、テスト用の一時トンネルを作成するために最初に「ランダム ドメイン名」を選択します。最後の「地域」は、実際の状況では、ここでは中国の VIP を選択します。

画像-20230823164528372

すべての設定が完了したら、ページの下部にある「作成」ボタンをクリックして一時的なデータ トンネルを作成し、ローカル Web ページをテストして正常にアクセスできることを確認します。

次に、「ステータス」項目の下にある「オンライン トンネル リスト」をクリックし、cpolar クライアントによって生成された一時的なパブリック ネットワーク アドレスを見つけ、ブラウザにアドレスを入力してアクセスします。

画像-20230823164647336

画像-20230823164843527

テスト後、cpolar によって確立されたデータ トンネルは Synology NAS のローカル Web ページを正常にポイントしており、Web ページのコンテンツにも通常どおりアクセスできます。これは、構成に問題がないことを意味します。ただし、この時点ではデータ トンネルはまだ一時的なリンク状態にあり、パブリック ネットワーク アドレスは 24 時間ごとに更新されるため、当社 Web サイトへの長期安定したアクセスを確保するには、データ トンネルをさらに設定する必要があります。 . In this part, we will 次回の記事で詳しくご紹介します。

5.3 ローカル Web ページの第 2 レベルのサブドメイン名を構成し、パブリック ネットワーク上で公開する

前の 2 つの紹介では、Synology システム パッケージ (主に Web ステーションと php7.4) とオープン ソース テンプレートを使用して、ローカル Synology NAS に単純な Web ページを作成し、cpolar によって確立された一時データ トンネルを使用しました。パブリックインターネットで、設定した内容がすべて正しいかどうかをテストします。結果は、行った設定に問題がないことを示しているため、このデータ トンネルを修正して、Web サイトのリンクが安定して存在できるようにすることができます。さあ、始めましょう。

安定したデータ トンネルを確立するには、トンネルの入口と出口を設定する必要があります。データ トンネルの出口は、Synology NAS のローカル Web ページ (cpolar クライアントで設定可能) であり、データトンネルの入り口、cpolar クラウドによって生成されるパブリック ネットワーク アドレスです。したがって、まず cpolar 公式 Web サイトにログインします。 cpolar公式ウェブサイトにアクセスするには、クライアントページの左側にある「cpolar」公式ウェブサイトボタンからアクセスするか、ブラウザに「https://www.cpolar.com」と入力します。

画像-20230823170235966

cpolar 公式 Web サイトに入り、個人アカウントにログインした後、ページの左側にある「予約」項目をクリックし、「第 2 レベルのサブドメイン名を予約」フィールドを見つけます。このフィールドでは、3 つの情報を定義する必要があります。最初は「地域」です。この列は cpolar クライアントと同じです。実際の使用地域を選択するだけです (ここでは中国 VIP を入力します)。次に「名前」フィールドがあります。このフィールドに入力される情報は、最終的にはパブリック ネットワーク上に表示されるアドレスなので、明確なコンテンツを選択できます (Web ページのコンテンツ lovetest を入力します。ここで [予約] をクリックすると、このドメイン名が他のユーザーによって登録されているというメッセージが表示されます。それに応じて変更できます) LoveTest などの個人的なニーズに合わせて); 最後に、このデータ トンネルの説明は注釈とみなすこともでき、これにより、異なるデータ トンネルが指すコンテンツを区別しやすくなります。

すべての情報を入力したら、フィールドの右側にある [保存] ボタンをクリックして、この Web ページ データ トンネルを保存します。

cpolar クラウドにデータ トンネルを設定した後、Synology NAS の cpolar クライアントに戻り、[トンネル管理] 項目の [トンネル リスト] で以前に確立した一時データ トンネルを見つけ、[編集ボタン] をクリックして開きます。トンネル編集ページ。

画像-20230823170318590

このページでは、cpolar クラウド上に確立されたデータ トンネル入口に基づいて、データ トンネルの Synology ローカル出口情報を変更する必要があります。まず、「ランダムなドメイン名」を「第 2 レベルのサブドメイン名」に変更し、次に下の「サブドメイン」に第 2 レベルのドメイン名を入力します (この例では lovetest です)。最後に「更新」をクリックします。ページの下部にある変更した情報を保存します。

次に、「ステータス」項目の「オンライン トンネル リスト」ページに移動して、パブリック ネットワーク アドレス情報が正常に変更されたかどうかを確認します。

画像-20230823170537911

パブリック ネットワーク アドレスが正常に変更されたことを確認した後、このリンクを使用して Synology NAS 上の Web ページにアクセスしてみることができます。正しく表示できる限り、Web ページが固定のパブリック ネットワーク アドレスを取得していることを意味します。訪問者が長時間安定してアクセスできるようになります。

画像-20230823170756626

この時点で、Synology システム上に簡単な Web ページを作成し、cpolar を使用してパブリック インターネットに公開することに成功しました。これにより、パブリック ネットワークの訪問者が簡単にアクセスできるようになります。

Lao Zhang の愛のウェブサイトは二人の愛の架け橋となり、どんなに離れていても、いつでもどこでもこのウェブサイトにアクセスし、内容を変更し、愛の痕跡を残すことができます。このウェブサイトは、彼らのロマンチックな瞬間を目撃し、彼らの情熱的な愛の瞬間を記録しました。あなたが努力家であっても、恋人であっても、あるいはただ特別な方法で愛を記念したいだけであっても、このチュートリアルはこの願いを実現し、シンプルで楽しい方法で独自の愛の Web サイトを作成するのに役立ちます。あなたのラブストーリーが、ラオ・チャンと彼のガールフレンドのように、時空を超えてウェブ上に咲き誇り、美しい思い出と愛情に満ちた瞬間を残しますように。

おすすめ

転載: blog.csdn.net/qq_25749749/article/details/134379287