Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)

藏色散人
リリース: 2021-11-05 16:39:36
転載
9869 人が閲覧しました

この記事は、Pagoda パネル のチュートリアル コラムによって提供され、Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を紹介するものです。

1. 環境のインストール

  • 1. ドメイン名解決バインディングIP 自分のサーバーのアドレス

  • 2. パゴダをインストールします

    yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
    ログイン後にコピー
  • 3. 数分間待ちます。インストールが完了すると、ログイン アカウントとパスワードがページに表示されます (最初にコピーし、ログイン後に変更できます)
    Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)

  • 4。 Alibaba Cloud サーバー上のセキュリティ グループを管理します8888ポートが開いています

  • ##5。上記のアカウントとパスワードを使用して、パゴダ インターフェイスにログインし、ユーザー名とパスワード [主にアカウントとパスワードを覚えておくため]


    Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)

  • #3. Pagoda を使用して静的プロジェクトをデプロイする

    1.
  • nginx

    software## をインストールします
    Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)

    #2. 静的プロジェクトをデプロイします

  • Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)

    3. ブラウザ上で直接アクセスします (自分のドメイン名を入力します)

  • Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)

    4. 他の静的プロジェクトを作成したい場合

  • Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)
    Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)##5. ブラウザに

    ドメイン名/フォルダー名を入力して、静的プロジェクトにアクセスします
  • 4.

    PM2
  • Deployment
node

Project1 を使用します。

pm2
    tools をインストールします。ソフトウェア ストア
  • #2.

    pm2
  • の管理インターフェイス スイッチ
  • node

    version 3. サイトのディレクトリにフォルダーを作成します

    express_demo
  • 4.

    express
  • npm install express-generator
    ログイン後にコピー

    のスキャフォールディングをインストールします5.

    express_demo
  • ディレクトリにプロジェクト ファイルを生成します
  • express -enpm install
    ログイン後にコピー

    6. 開発ポート [非常に重要]

  • パゴダでポートを開きます


    • #Alibaba Cloud サーバーを使用している場合は、サーバー側でポートを開き続ける必要がありますPagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)

    • #7.

      PM2
    • のパネルに
    express_demo
  • プロジェクトの開始を追加します
  • 8. ブラウザにドメイン名を入力するか、ポート 3000
    IPPagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト) を入力します。

  • 5.

    の設定ファイルを変更します。 nginxnode

    プロジェクト

#1 へのリバース プロキシ。[Web サイトの設定]

  • をクリックします。 ##2.

    nginx
    Pagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)

  • の設定ファイルを変更します。 ##3. テストするには、domain name/express を直接入力します。ブラウザ内の

以上がPagoda を使用してフロントエンド プロジェクトを迅速にデプロイする方法を教えます (写真とテキスト)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!