記事ディレクトリ
序章
プロジェクトが開発された後は、誰もがそれにアクセスできるようにしたいので、フロントエンドであろうとバックエンドであろうと、サーバーに展開できます。
- まず、ローカルまたはクラウドサーバー (Alibaba Cloud、Tencent Cloud など) のサーバーが必要ですが、クラウドサーバーを使用すると、開発したプロジェクトにいつでもどこでもアクセスできます。
- それでは、本題に取り掛かりましょう。まずフロントエンド プロジェクトのデプロイを開始しましょう。
- 次の ruoyi を使用して次の展開を達成します
フロントエンドプロジェクトのデプロイメント
1. フロントエンドプロジェクトをパッケージ化する
- オプション 1:
- 1. フロントエンドコードを配置しますzipに圧縮してサーバーにアップロードします
- 2.解凍する
unzip xxx.zip
- 3. npm イメージの依存関係をインストールします (現時点でサーバーに npm 環境がない場合)
npm install --unsafe-perm --registry=https://registry.npm.taobao.org
- 4. プロジェクトのパッケージ化作業を実行する
npm run build:prod
- 4. dist ディレクトリに入り、パッケージ化されたファイルを表示します。
cd /dist
# 查看此时dist目录位置,使用pwd
root/worksapce/ruoyi-ui/dist
シナリオ 2:
- dist をパッケージ化したら、サーバーにアップロードします
2. Nginx で dist をデプロイする
- dist ディレクトリを書き留めた後、nginx ディレクトリ内の nginx.conf に切り替えます。
- 場所を変更する
nginxを設定すると、外部ネットワークからアクセスできるようになります
# 这里本地使用集群才配置,单台可以忽悠
upstream ruoyi{
server 192.168.31.101:8080 weight = 5;
server 192.168.31.102:8080 weight = 3;
}
location /{
root /root/workspace/ruoyi-ui/dist;
index index.html index.htm;
}
# 配置对应的信息
location /prod-api/ {
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forward-For $proxy_add_x_forwarded_for;
proxy_pass http://ruoyi/;
}
- 設定後、次のコマンドを実行します
# 检查nginx.conf配置是否正确
nginx -t
# 重启nginx
nginx -s reload
バックエンドプロジェクトのデプロイメント
-
瓶パッケージに詰めてあります
-
戦争パッケージに詰め込まれた
- 1. **
pom.xml
** を開いてパッケージ化方法を表示します (プロジェクトの作成時に選択したパッケージ化方法) - 2. pom.xml に依存関係を追加します。
- 1. **
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-tomcat</artifactId>
<scope>provided</scope>
</dependency>
- 3. スタートアップクラスを追加する
public class SpringBootStartApplication extends SpringBootServletInitializer {
@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
//Application的类名
return application.sources(RuoYiApplication.class);
}
}
- 4. プロジェクトはパッケージにパッケージ化されます。
- 5. バックエンドを開始します。
nohub java -jar ruoyi.jar &
終わり
この時点で、デプロイは基本的に完了しています。バックエンドは非常にシンプルです。データベースと Redis を変更し、それを jar パッケージにパッケージ化すれば、バックエンドを直接起動するコマンドが完成します。