プライベート音楽 Web サイトを構築するためのサーバーとしてのローカル コンピューター ThinkMusic + cpolar イントラネットの浸透

CSDN lisacpolar の記事からの転載: ThinkMusic のソース コードが音楽 Web サイトを構築し、パブリック ネットワーク アクセスを実現

1 はじめに

私たちの日常生活において、音楽は欠かせない要素の一つとなっており、好きな音楽を数曲聴くことで、嫌な気分が改善されます。パソコンやモバイル電子機器を使って音楽を聴くのはとても便利ですが、多くの会員やVIPによる制限は避けられず、音楽サイトがあちこちに咲いていた時代を思い出させます。今日は、ローカル コンピュータ上に優れたスタイルとインターフェイスを備えた ThinkMusic 音楽 Web サイトを構築し、cpolar によって作成されたイントラネット ペネトレーション データ トンネルを通じてパブリック インターネットに公開して、お気に入りの音楽をアップロードする方法を紹介します。他の人に制御されないようにするために、全員と共有されます。

2. ローカルWebページの構築

2.1 環境利用

現在、パソコンで最も一般的に使用されているシステムは Windows システムです。そのため、音楽 Web サイト ThinkMusic の仮想オペレーティング環境として PHPStudy というソフトウェアを使用できます (PHPStudy のダウンロード アドレスは https://www.xp.cn/download.html です)。

チャート1

2.2 サポートビルドの選択

ThinkMusic 音楽 Web サイトは、音楽のアップロードと共有を提供する php フレームワークに基づいて開発されており、その動作環境コンポーネントには、Nginx、php、MySQL、SQL-Front、および FileZilla が含まれています。また、PHPStudy は、これらのソフトウェアの直接インストールと設定もサポートしています。

チャート2

3. Webインストール

PHPStudy が Web ページに必要なすべてのソフトウェアをインストールしたら、正式に ThinkMusic Web ページのインストールに入ることができます。ThinkMusic Web サイトはオープンソースであるため、ソース コードのダウンロードは簡単に見つかります。

チャート 3

Web サイトのソース コードをダウンロードした後、それを PHPStudy の Web ページ フォルダー (つまり、WWW フォルダー内) に直接解凍できます。

チャート4

次に、PHPStudy の「Web サイト」ページで、左上隅にある「Web サイトの作成」ボタンを見つけてクリックし、ThinkMusic 音楽 Web サイトに必要な次の項目を含む動作環境をセットアップします。

  • 域名– つまり、ローカル アクセス Web サイトのドメイン名。
  • 端口– つまり、ローカルの ThinkMusic Web サイトの出力ポート番号。
  • 根目录- ThinkMusic Web サイトのファイルの保存場所です。詳細なパスを思い出せない場合は、フィールドの右側にある「参照」ボタンから Web サイトのファイルの保存場所を選択すると、パスが表示されます。自動的に生成される。
  • 创建FTP和数据库- これら 2 つの項目をチェックすると、PHPStudy は FTP とデータベースをそれぞれ設定するための新しいウィンドウをポップアップ表示します 設定内容は主にユーザー名、パスワード、名前です。
  • PHP版本- 通常、この項目を個別に選択する必要はありませんが、Web サイトのインストール時のセルフテストのエラーを防ぐために、同じシリーズの 5.2 (5.X シリーズ) 以降のバージョンを選択することをお勧めします。

チャート5

チャート6

チャート7

すべての設定が完了したら、确认ページの下部にあるボタンをクリックして、ThinkMusic Web サイトの動作環境を生成できます。後でウェブサイトの動作環境に変更があった場合は、エントリの右側にある「管理」ボタンをクリックし、ドロップダウン メニューで変更することもできます。

図表8

次に、ブラウザのアドレスバーに入力しますlocalhost:86/install(以前に ThinkMusic Web サイトを設定したときに出力ポートがポート 86 に設定されていたため、ここでは 86 を入力します。Web サイトの出力ポートの設定時に違いがある場合は、実際のポートを入力する必要があります)ポート番号) を使用して Web サイトのインストール プログラムを実行すると、ThinkMusic 音楽 Web サイトのインストール インターフェイスに入ることができます。

図9

次のステップは一般設定で、2 つの部分を変更する必要があります。最初の部分はデータベース名、データベースのユーザー名とパスワードで、PHPStudy がデータベースをセットアップしたときに設定したユーザー名とパスワードのみを入力する必要があります。一部は ThinkMusic ウェブマスター情報設定です。事実を入力するだけです。

図表10

必要な情報の変更と設定が完了したら、インストール ページの下部にある「送信」をクリックすると、ThinkMusic 音楽 Web サイトのインストールが完了します。このとき、ウェブサイトはフォアグラウンドとバックグラウンドのどちらに入るかを尋ねますが、フォアグラウンドは訪問者が見ることができるウェブサイトであり、バックグラウンドはウェブサイトを設定するためのインターフェイスです。

図表11

この時点で、ブラウザのアドレス バーに localhost:86 (独自のポート番号) を入力して、機能テストのためにローカル Web サイトのフロント ページにログインするか、localhost:86/admin と入力して Web サイトのバックグラウンドにログインできます。管理用のサイトです。

図表12

図表13

登録ユーザーは全員、お気に入りの曲をアップロードして他のユーザーと共有したり、お気に入りの音楽アルバムを作成したりできます。

図表14

3. ローカル Web パブリッシング

これで、ローカルの ThinkMusic 音楽 Web サイトの準備ができました。次に行うことは、cpolar によって作成されたイントラネット ペネトレーション データ トンネルを通じて、このローカル Web サイトをパブリック インターネットに公開することです。Cpolar は、次の 3 つの Web トンネル モードをサポートしています。

  • 临时数据隧道- 無料トライアル、トンネル番号は 24 時間リセットされ、一時的なテスト シナリオに適しています。
  • 固定二级子域名– 基本バージョン以降のユーザーはオプションで、第 2 レベルのサブドメイン名をカスタマイズできます データ トンネルは一度固定されると変更されず、小規模な Web パブリッシングに適した https プロトコルをサポートします高ドメイン名を必要としないシナリオ。
  • 自定义域名– プロフェッショナル バージョン以降はオプションで、ドメイン名プロバイダーから購入した特定のドメイン名を使用でき、ユーザーが自分で Web サイトのキーと証明書ファイルをアップロードできるため、商業プロモーションなどの幅広いアプリケーション シナリオに非常に適しています。

cpolar の使用方法をよりわかりやすく説明するために、固定の第 2 レベルのサブドメイン名トンネルをデモンストレーションとして使用します。まず、cpolar 公式 Web サイト (公式 Web サイトのアドレスはhttps://www.cpolar.com ) にログインし、cpolar クライアントをダウンロードする必要があります。

ここに画像の説明を挿入

3.1 Cpolar クラウド設定

まず、cpolar の公式 Web サイトにログインし、「ダッシュボード」ページの左側にある「予約済み」項目を見つけて、ページ上の列を選択して、トンネルに関するいくつかの簡単な情報を設定します预留保留二级子域名

  • 地区- ここでは、実際に使用する場所をドロップダウン メニューから選択できます。
  • 二级域名- 第 2 レベル ドメイン名に入力するコンテンツを選択できますが、そのコンテンツは最終的にパブリック URL に表示されるため、入力する適切なコンテンツを選択する必要があることに注意してください。
  • 描述– このコラムは、区別しやすい限り、このデータ トンネルのコメントとみなすことができます。

図表16

これら 3 つの情報を入力した後、右側のボタンをクリックして、保留固定の第 2 レベルのサブドメイン名のトンネルを作成します。

図表17

ここでは、cpolar クラウド上に空のデータ トンネルを設定し、次にローカル コンピューターに戻り、cpolar クライアント ソフトウェアをインストールして、cpolar クラウド上の空の第 2 レベルのサブドメイン データ トンネルをローカルの ThinkMusic Web サイトに関連付けます。

3.2 Cpolar ローカル設定

Cpolar クライアントをダウンロードした後、.msi インストール ファイルを直接解凍してダブルクリックしてインストールできます。

図表18

あとは「次へ」をクリックするだけでインストールが完了します。

図表19

次に、ローカル コンピューター上で cpolar のクライアントを開きます (ブラウザーに localhost:9200 と入力して cpolar の Web-UI インターフェイスを開くことも、スタート メニューで cpolar のショートカットを見つけることもできます)。

図表20

図表21

cpolar ローカル側で、[トンネル管理] 項目の下の [トンネルの作成] 項目を選択して、[トンネルの作成] ページに入ります。このページでは、データ トンネルを作成するためのいくつかの基本情報を入力する必要があります。

  • 隧道名称– 区別しやすい限り、cpolar のローカル トンネル情報コメントとみなすことができます。
  • 协议– ここではデフォルトで http プロトコルを選択します。
  • 本地地址– ローカル アドレスは、音楽 Web サイトの出力ポート番号です。この例では 86 です。
  • 域名类型– cpolar クラウドの第 2 レベルのサブドメイン名用の固定トンネルを予約しているため、「第 2 レベルのサブドメイン名」を確認し (予約されたドメイン名がカスタム ドメイン名の場合は、カスタム ドメイン名を確認します)、次の行「Sub ドメイン内の予約済みの第 2 レベルのサブドメイン名を入力します」列、この例では「thinkmusic」です。
  • 地区– これはcpolarクラウドに保存されている情報と同じであり、実際の使用状況に応じて入力できます。

情報を入力したら、创建ページの下部にあるボタンをクリックして、ローカルの音楽 Web サイトを公開できるパブリック アドレスを生成できます。

図表22

図表23

4. 公衆ネットワークアクセステスト

最後に、 thinkmusic 音楽 Web サイトのパブリック インターネット アドレスを状态で見つけ在线隧道列表、そのパブリック インターネット アドレスをブラウザに入力すると、ローカル コンピュータ上の thinkmusic 音楽 Web サイトに正常にアクセスできます。

図表24

図表25

ここに画像の説明を挿入

cpolar によって生成された内部ネットワーク侵入データ トンネルを使用すると、ローカル コンピューター上の ThinkMusic 音楽 Web サイトを公共のインターネットに簡単に公開できることがわかります。最も重要なことは、他人の顔を見るのをやめて音楽を聴き、自分だけの音楽の楽園を作り出すことができるということです。

5。結論

cpolar を使用して個人の音楽 Web サイトを公開することは、cpolar のイントラネット侵入機能の応用シナリオの 1 つにすぎませんが、cpolar によって作成されたイントラネット侵入データ トンネルは、さらに多くのシナリオに適用することもできます。cpolar の使用についてご質問がある場合は、弊社までご連絡ください。可能な範囲でサポートを提供いたします。もちろん、cpolar の VIP 公式グループに参加して、cpolar の無限の可能性を一緒に探求することも大歓迎です。

おすすめ

転載: blog.csdn.net/weixin_68773927/article/details/130764944