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

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

• 3、等待几分钟,安装完成后,页面上会出现登录账户和密码(先复制出来,登录进去后可以修改)
  

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

• 5、使用上面的账号和密码登录到你的宝塔界面中修改用户名和密码【主要是为了方便记住账号和密码】
  

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

• 1、安装nginx软件
  

• 2、部署静态项目
  

• 3、直接在浏览器上访问(输入自己的域名)
  

• 4、如果要创建别的静态项目
  
  

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

四、使用PM2部署node项目

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

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

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

• 4、安装express的脚手架

  npm install express-generator

• 5、在express_demo目录下生成项目文件

  express -enpm install

• 6、开发端口【非常重要】

  • 在宝塔中开放端口
    

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

• 7、在PM2的面板中添加express_demo项目启动
  

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

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

• 1、点击网站的设置
  

• 2、修改nginx的配置文件
  

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

  rrree🎜🎜3. 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)
  🎜
🎜🎜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]
🎜

🎜 3. Verwenden Sie die Pagode. Stellen Sie statische Projekte bereit🎜🎜🎜🎜1. Installieren Sie die nginx-Software
🎜🎜🎜2. Statische Projekte bereitstellen🎜🎜🎜3. Zugriff direkt im Browser (geben Sie Ihre ein eigener Domainname)
🎜🎜🎜4. Wenn Sie andere statische Projekte erstellen möchten

🎜🎜🎜5 Geben Sie Domänennamen/Ordnernamen in den Browser ein, um darauf zuzugreifen statisches Projekt gerade🎜🎜4. Verwenden Sie PM2, um node-Projekte bereitzustellen🎜🎜🎜🎜1 Installieren Sie den pm2code>-Tool im Software-Store🎜🎜🎜2. In der Verwaltungsoberfläche von <code>pm2 wechselt die node🎜🎜3 Ordner <code>express_demo🎜 im Site-Verzeichnis 🎜🎜4. Installieren Sie das express-Gerüst 🎜rrreee🎜🎜5 code>express_demo Verzeichnis 🎜rrreee🎜🎜6. Entwicklungsport【Sehr wichtig】🎜🎜🎜🎜Öffnen Sie den Port in der Pagode
🎜🎜🎜Wenn 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
🎜🎜🎜8. Eintreten den Domainnamen oder IP mit Port 3000 im Browser🎜🎜Fünf Ändern Sie die Konfigurationsdatei von nginx und kehren Sie den Proxy zum node Projekt🎜🎜🎜🎜1. Klicken Sie auf die Website-Einstellungen
🎜🎜🎜2. Ändern Sie die Konfigurationsdatei von nginx
🎜🎜🎜 3. Geben Sie zum Testen domain name/express direkt 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!