このチュートリアルでは、ローカル環境で Web サイトをすばやく構築し、外部ネットワーク環境でアクセスできるようにします。 !
道具を使う
- phpstudy (Web サイトをローカルに構築)
- cpolar イントラネットの浸透 (アクセスのために Web サイトをパブリック ネットワークに公開)
1. ローカル Web サイトを構築する
1.1 phpstudyをダウンロードし、解凍してインストールします
公式 Web サイトのダウンロード:https://www.xp.cn/download.html
図に示すように、インストール後の効果は次のとおりです。
WNMP の横にある 启动
ボタンをクリックすると、デフォルトで nginx と MYSQL 5.7 が起動します。起動プロセス中にファイアウォール プロンプトが表示される場合は、そのまま許可します。
1.2 デフォルトのサイトを開いてテストする
PHPStudy パネルで –网站
– localhost 80 のデフォルト サイトを選択し、管理
をクリックすると、ドロップダウン メニューが表示され、< を選択します/span>打开网站
、ブラウザがポップアップし、ローカルのデフォルト サイト http://localhost
下の図に示すように、インストールは成功しました。
1.3 静的デモサイトをダウンロードする
ダウンロード:https://www.cpolar.com/static/downloads/meditation-app-master.zip
ダウンロード後、以下に示すように、ディレクトリ内のすべてのファイルを解凍してコピーします。
1.4 サイトのルート ディレクトリを開きます
Webサイトのルートディレクトリを見つけて開きます
デフォルトは D:\phpstudy_pro\WWW
です。以下に示すように、ディレクトリ内のすべてのファイルが削除されます
1.5 デモ サイトをサイト ネットワークのルート ディレクトリにコピーします。
コピー後に以下に示すように、デモ サイトのすべてのファイルをこのディレクトリにコピーします。
1.6 ブラウザでデモンストレーション効果を表示します。
この Web サイトは、現時点ではローカル LAN 内でのみアクセス可能であり、パブリック ネットワークからはまだアクセスできません。
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 にログインします。
正常にログインしてメイン インターフェースに入ったら、左側のダッシュボードで隧道管理
—— をクリックします。创建隧道
- トンネル名: カスタマイズ可能な名前。重複しないように注意してください。
- プロトコル: 選択します
http
- ローカル アドレス: 80 (マッピングするイントラネット ポートを入力します)
- ドメイン名のタイプ: ユーザーによる自由な選択
随机域名
、有料ユーザーは固定の第 2 レベルのサブドメイン名またはカスタム ドメイン名を構成できます - 地域: 選択してください
China vip
次にクリックします创建
2.3 ローカル Web サイトへのパブリック ネットワーク アクセスを有効にする
トンネルが正常に作成されると、左側のダッシュボードの状态
——在线隧道列表
で作成したばかりのトンネルのパブリック ネットワーク アドレスを確認できます。 2 行で、1 つは http プロトコル用、もう 1 つは https プロトコル用です。
パブリック ネットワーク アドレスをブラウザにコピーしてアクセスすると、パブリック ネットワークからローカル Web サイトに正常にアクセスできます。
PS: 今回は無料の cpolar を使用しているため、生成されるパブリック ネットワーク アドレスは 24 時間ごとに変更されるランダムな一時アドレスであり、帯域幅が小さいため、開発とテストに適していることに注意してください。アクセス アドレスを固定に設定したい場合は、cpolar パッケージ構成をアップグレードして 21 日間の返金保証をサポートすることができます。詳細については、次の記事のチュートリアルを参照してください。
cpolar 極雲の記事からの転載:phpstudy は Web サイトをローカルに構築し、外部からアクセスします [パブリック IP なし]