phpstudy を使用してローカルに Web サイトをすばやく構築し、外部からアクセスする方法を段階的に説明します (パブリック IP なし)


このチュートリアルでは、ローカル環境で Web サイトをすばやく構築し、外部ネットワーク環境でアクセスできるようにします。 !


道具を使う

  • phpstudy (Web サイトをローカルに構築)
  • cpolar イントラネットの浸透 (アクセスのために Web サイトをパブリック ネットワークに公開)

1. ローカル Web サイトを構築する

1.1 phpstudyをダウンロードし、解凍してインストールします

公式 Web サイトのダウンロード:https://www.xp.cn/download.html

図に示すように、インストール後の効果は次のとおりです。

1

WNMP の横にある 启动 ボタンをクリックすると、デフォルトで nginx と MYSQL 5.7 が起動します。起動プロセス中にファイアウォール プロンプトが表示される場合は、そのまま許可します。

2

1.2 デフォルトのサイトを開いてテストする

PHPStudy パネルで –网站 – localhost 80 のデフォルト サイトを選択し、管理 をクリックすると、ドロップダウン メニューが表示され、< を選択します/span>打开网站、ブラウザがポップアップし、ローカルのデフォルト サイト http://localhost

3

下の図に示すように、インストールは成功しました。

4

1.3 静的デモサイトをダウンロードする

ダウンロード:https://www.cpolar.com/static/downloads/meditation-app-master.zip

ダウンロード後、以下に示すように、ディレクトリ内のすべてのファイルを解凍してコピーします。

5

1.4 サイトのルート ディレクトリを開きます

Webサイトのルートディレクトリを見つけて開きます

6

デフォルトは D:\phpstudy_pro\WWW です。以下に示すように、ディレクトリ内のすべてのファイルが削除されます

7

1.5 デモ サイトをサイト ネットワークのルート ディレクトリにコピーします。

コピー後に以下に示すように、デモ サイトのすべてのファイルをこのディレクトリにコピーします。

8

1.6 ブラウザでデモンストレーション効果を表示します。

この Web サイトは、現時点ではローカル LAN 内でのみアクセス可能であり、パブリック ネットワークからはまだアクセスできません。

9

2. ローカル Web Web サイトをパブリック ネットワークに公開します。

ローカルに構築された Web サイトをパブリック ネットワークに公開してアクセスできるようにするには、イントラネット ペネトレーションを使用します。ここでは、http/https/tcp プロトコルをサポートし、トラフィックを制限せず、次の目的で使用できる cpolar イントラネット ペネトレーションを使用することにしました。無料 不要 パブリックIP用のルーターを設定する必要がないため、比較的簡単に使用できます。

2.1 cpolar イントラネットペネトレーションのインストール

cpolar イントラネット普及公式 Web サイト:https://www.cpolar.com/

クリックして cpolar 公式 Web サイトに入り、免费使用 をクリックしてアカウントを登録し、cpolar の最新バージョンをダウンロードします

  • Windows システムに zip 圧縮パッケージをダウンロードし、解凍して cpolar インストール パッケージを取得し、インストール パッケージをダブルクリックしてデフォルトでインストールします。
  • Linux システムは、ワンクリックの自動インストール スクリプトをサポートしています。
  • macOS システムに zip パッケージをダウンロードし、解凍して cpolar を取得し、コマンド ラインからパラメータを指定して実行します。

Linux システムおよび macOS システムに cpolar をインストールするには、公式 Web サイトのドキュメント チュートリアルを参照してください————→https://www.cpolar.com/docs

2.2 イントラネット ポートのマッピング

cpolar のインストールが完了したら、ブラウザで 127.0.0.1:9200 にアクセスし、cpolar アカウントを使用して Web UI にログインします。

ウェブUI

正常にログインしてメイン インターフェースに入ったら、左側のダッシュボードで隧道管理—— をクリックします。创建隧道

  • トンネル名: カスタマイズ可能な名前。重複しないように注意してください。
  • プロトコル: 選択しますhttp
  • ローカル アドレス: 80 (マッピングするイントラネット ポートを入力します)
  • ドメイン名のタイプ: ユーザーによる自由な選択随机域名、有料ユーザーは固定の第 2 レベルのサブドメイン名またはカスタム ドメイン名を構成できます
  • 地域: 選択してくださいChina vip

次にクリックします创建

ここに画像の説明を挿入します

2.3 ローカル Web サイトへのパブリック ネットワーク アクセスを有効にする

トンネルが正常に作成されると、左側のダッシュボードの状态——在线隧道列表で作成したばかりのトンネルのパブリック ネットワーク アドレスを確認できます。 2 行で、1 つは http プロトコル用、もう 1 つは https プロトコル用です。

ここに画像の説明を挿入します

パブリック ネットワーク アドレスをブラウザにコピーしてアクセスすると、パブリック ネットワークからローカル Web サイトに正常にアクセスできます。

13

PS: 今回は無料の cpolar を使用しているため、生成されるパブリック ネットワーク アドレスは 24 時間ごとに変更されるランダムな一時アドレスであり、帯域幅が小さいため、開発とテストに適していることに注意してください。アクセス アドレスを固定に設定したい場合は、cpolar パッケージ構成をアップグレードして 21 日間の返金保証をサポートすることができます。詳細については、次の記事のチュートリアルを参照してください。

cpolar 極雲の記事からの転載:phpstudy は Web サイトをローカルに構築し、外部からアクセスします [パブリック IP なし]

おすすめ

転載: blog.csdn.net/fq157856469/article/details/133706706