Heim> Themen> Pagodentafel> Hauptteil

Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

藏色散人
Freigeben: 2021-11-05 16:39:36
nach vorne
9671 Leute haben es durchsucht

Dieser Artikel wird in der Tutorial-Kolumne „Pagoda Panel“ bereitgestellt und stellt vor, wie Sie mit Pagoda schnell Front-End-Projekte bereitstellen können, wenn Sie ihn benötigen.

1. Umgebungsinstallation

    1. Die Domänennamenauflösung ist an die IP-Adresse Ihres eigenen Servers gebunden
  • IP地址

  • 2、安装宝塔

    yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
    Nach dem Login kopieren
  • 3、等待几分钟,安装完成后,页面上会出现登录账户和密码(先复制出来,登录进去后可以修改)
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

  • 4、在阿里云服务器上安全组上将8888端口开放出来

  • 5、使用上面的账号和密码登录到你的宝塔界面中修改用户名和密码【主要是为了方便记住账号和密码】
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

三、使用宝塔部署静态项目

  • 1、安装nginx软件
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

  • 2、部署静态项目
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

  • 3、直接在浏览器上访问(输入自己的域名)
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

  • 4、如果要创建别的静态项目
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

  • 5、在浏览器输入域名/文件夹名访问刚刚的静态项目

四、使用PM2部署node项目

  • 1、在软件商店安装pm2工具

  • 2、在pm2的管理界面切换node版本

  • 3、在站点的目录下创建一个文件夹express_demo

  • 4、安装express的脚手架

    npm install express-generator
    Nach dem Login kopieren
  • 5、在express_demo目录下生成项目文件

    express -enpm install
    Nach dem Login kopieren
  • 6、开发端口【非常重要】

    • 在宝塔中开放端口
      Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

    • 如果是使用的阿里云服务器,需要在服务器端继续开放端口

  • 7、在PM2的面板中添加express_demo项目启动
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

  • 8、浏览器输入域名或者IP带上3000端口

五、修改nginx的配置文件,反向代理到node项目

  • 1、点击网站的设置
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

  • 2、修改nginx的配置文件
    Bringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).

  • 3、测试,浏览器上直接输入域名/express2 die Pagode

    rrree3. Nachdem die Installation abgeschlossen ist, werden das Anmeldekonto und das Passwort auf der Seite angezeigt (kopieren Sie sie zuerst und Sie können sie nach der Anmeldung ändern)
    Bildbeschreibung hier einfügen
  • 4. Öffnen Sie den 8888-Port in der Sicherheitsgruppe auf dem Alibaba Cloud-Server 5. Verwenden Sie das oben genannte Konto und Passwort, um sich bei Ihrem Benutzernamen und Passwort anzumelden. Ändern Sie den Benutzernamen und das Passwort in der Pagodenoberfläche [hauptsächlich, um sich die Kontonummer und das Passwort besser merken zu können]
    Bildbeschreibung hier einfügen
3. Verwenden Sie die Pagode. Stellen Sie statische Projekte bereit1. Installieren Sie die nginx-Software
Bildbeschreibung hier einfügen2. Statische Projekte bereitstellen Bildbeschreibung hier einfügen3. Zugriff direkt im Browser (geben Sie Ihre ein eigener Domainname)
Bildbeschreibung hier einfügen4. Wenn Sie andere statische Projekte erstellen möchten
Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen5 Geben Sie Domänennamen/Ordnernamenin den Browser ein, um darauf zuzugreifen statisches Projekt gerade4. Verwenden Sie PM2, um node-Projekte bereitzustellen1 Installieren Sie den pm2code>-Tool im Software-Store2. In der Verwaltungsoberfläche von pm2wechselt die node3 Ordner express_demoim Site-Verzeichnis 4. Installieren Sie das express-Gerüst rrreee5 code>express_demoVerzeichnis rrreee6. Entwicklungsport【Sehr wichtig】Öffnen Sie den Port in der Pagode
Bildbeschreibung hier einfügenWenn Sie den Alibaba Cloud-Server verwenden, müssen Sie ihn auf dem Server installieren. Öffnen Sie weiterhin den Port auf dem Terminal 7 der express_demo-Projektstart im Panel von PM2
Bildbeschreibung hier einfügen8. Eintreten den Domainnamen oder IPmit Port 3000 im BrowserFünf Ändern Sie die Konfigurationsdatei von nginxund kehren Sie den Proxy zum nodeProjekt1. Klicken Sie auf die Website-Einstellungen
Bildbeschreibung hier einfügen2. Ändern Sie die Konfigurationsdatei von nginx
Bildbeschreibung hier einfügen3. Geben Sie zum Testen domain name/expressdirekt ein der Browser

Das obige ist der detaillierte Inhalt vonBringen Sie Ihnen bei, mit Pagoda schnell Front-End-Projekte bereitzustellen (Bilder und Texte).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!