目次
1. フォアグラウンド プロジェクトが利用可能であることを確認します。
2. フォアグラウンド プロジェクトをパッケージ化します npm run build
4. Nginx の動的および静的分離のための default.conf の構成を完了します。
5. フロントエンド コンポーネント番号の dist プロジェクトをクラウド サーバー /usr/local/... にアップロードします。
1.ヴイエムウェア
Centos7 のインストール
1. インストール パッケージを開きます。
[次へ:] をクリックします
。. . . . .
(ここで次のステップに進み、インストール場所に十分な空き容量のあるハードディスクを選択し、最後にライセンスをクリックします)
著作権の問題により、ブロガーに個人的にメッセージを送るにはライセンスが必要です
次に、centos7 のインストール
新しい仮想マシンを作成します:
[カスタム] --> [次の
デフォルト] --> [次へ]を選択します
3 番目のものを選択: 後でインストール —> 次のステップ
オペレーティング システムの選択:
Linux (L)
バージョンの選択: CentOS 7 64 ビット — 次のステップ
独自の名前を選択し、場所として中国語以外のディレクトリを選択 — 次のステップ
プロセッサ: デフォルト; --> 次へ
仮想マシンのメモリ:
自分のコンピューターの構成に従って割り当てます (推奨 2GB)
次のステップ x 7 - 完了
イメージ ファイルを使用するために、クリックして仮想マシンの設定を編集します (後でインストールすることを選択した理由: ここで CPU とメモリを調整できます)。
仮想マシンの電源を入れます
クリックしてインストールを完了し、最初のものを選択してEnterを押します
下にスクロールして、インストールする場所を選択します
入力後、直接デフォルトにして完了します。
出てきた後：
ここで自分のパスワードとアカウントを設定します
完了したら、ロードされるまで待ちます
仮想マシンをインストールしたら、dhcp を 63 日間に設定する必要があります。これは、仮想マシンを 63 日間レンタルできることを意味します。
次に再起動します。
centos のインストールが完了しました
1. IP アドレス ifconfig を確認します
2. ネットワーク設定を変更します vi /etc/sysconfig/network-scripts/ifcfg-ens33 注
: タブは Linux コマンドを自動的に完了します3.ネットワーク
カード サービスを再起動します
IP
の詳細については、y1-linux-environment の構築 (コースウェア内) を参照してください。
ソースを変更
コマンド:
cd switch directory
ll 現在のファイル ディレクトリ内のすべてのファイルとフォルダーを表示
vi edit file
cat ファイル内のコンテンツを表示
mv cut
cp copy
ifconfig search ens33 ポート番号
MobaXtermソフトウェアを開き、
新しいセッション (セッション) を追加し
て [SSH] をクリックします。リモート ホストの CentOS (仮想マシン) で生成した ID を入力します。
入力後、[OK] をクリックし
て、アカウントとパスワードを入力します。
例: root 123456
ログインに成功したら、[はい] (パスワードを保存するかどうか) をクリックし
、llと入力してファイルの数を表示します。
Linux に付属の EPEL ソースをバックアップし
、/etc/yum.repos.d ディレクトリに移動します—cd を入力し、
cp /etc/yum.repos.d/CentOS-Base.repo/etc/yum.repos と入力します。 d/CentOS ベース .repo.bakpwd: ファイル パスを表示します
yum install -y wget wget プラグインをダウンロードし
、Ali ソースをダウンロードします
wget -O CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo
をダウンロードします。キャッシュをクリーンアップ
yum clean all
してからキャッシュを再生成
yum makecache
download plugin tree
yum install -y tree
テスト：
目的:
J2EE プロジェクトのデプロイとリリース
コマンド:
mkdir create directory
tar -zxvf .....zip 解凍コマンド
ディレクトリを作成します。
tar -zxvf を使用して圧縮パッケージを解凍します。
ダウンロード vim コマンド
yum -y install vim-enhanced
: q! - 保存せずに終了
: wq - 終了して保存
環境変数を設定します:
入力: vim /etc/profile
を検索し、i を押して編集します
#java environment
export JAVA_HOME=/javayuyan/software/jdk1.8.0_151（/javaxl/jdk1.8.0_151（jdk解压路径））
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH
次に、「wq」と入力して終了して保存し、
環境変数を設定して有効にし
、「source /etc/profile」
と入力して「java -version」と入力します。
tomcat を起動し
、bin ディレクトリに移動します
cd apache-tomcat-8.5.20/bin
トムキャットを起動
監視コマンドをダウンロードします: (現在のコンピュータ ポートが使用されているかどうかを確認します)
yum install -y lsof
監視ポート番号:
lsof -i:8080
ファイアウォール設定の
オープン ポート:
firewall-cmd --zone=public --add-port=8080 / tcp -- 恒久的な
ファイアウォール ルールの更新:
firewall-cmd --
ファイアウォール リストのリロード:
firewall-cmd --zone=public --list-ports
(補充)
ファイアウォールのステータス:
systemctl status firewalld
ファイアウォールを有効にする
systemctl status firewalld
ファイアウォールを無効にする
systemctl stop firewalld.service
systemctl disable firewalld.service
ifconfig ポート番号を表示
URL にコピー:
3.Mysql のインストール
1. mariadb をアンインストールします。そうしないと、MySql のインストール時に競合が発生します (最初に確認してから削除してから確認します)。
現在の仮想コンピューターが配置されているデータベースを確認します:
rpm -qa|grep mariadb を
確認し、次に削除します:
(mariadb....見つかった 1 行のデータベース コードを指します)
rpm -e --nodeps mariadb-libs-5.5.56-2.el7.x86_64 を実行し
、削除が成功したかどうかを再度確認します。
2. MySQL インストール パッケージをオンラインでダウンロードします (事前にダウンロードしてアップロードすることもできます)
オンライン ダウンロード コマンド: (推定約 30 時間)
wget https://downloads.mysql.com/archives/get/p/23/file/mysql-5.7.35-1.el7.x86_64.rpm-bundle.tar
3. MySQL インストール パッケージを指定されたディレクトリに解凍します。
mysql に関するフォルダーを作成します。
mkdir mysql-5.7
解凍します。インストールを開始します。-ivh i はインストールを意味し、v はインストール プロセスを表示することを意味し、h は進行状況を表示することを意味しますcd mysql-5.7各仮想マシンのデータベースの名前は異なります。 -community-common-XXXXXXX仮想マシンの SQL バージョンに対して入力する必要があります
rpm -ivh mysql-community-common-5.7.35-1.el7.x86_64.rpm
rpm -ivh mysql-community-libs-5.7.35-1.el7.x86_64.rpm
rpm -ivh mysql-community-client-5.7.35-1.el7.x86_64.rpm
rpm -ivh mysql-community-server-5.7.35-1.el7.x86_64.rpm
5. MySQL サービス
systemctl start mysqld を
開始し、起動後の mysql のステータスを確認します。
systemctl status mysqld
6. mysql にログインしてパスワードを変更します
元の mysql パスワードを確認します
grep "password" /var/log/mysqld.log
パスワードの変更を開始します:
mysql -uroot -p
照会されたパスワードをコピーしてそれに貼り付けます。
パスワード レベルの設定:
グローバルな validate_password_policy=0 の設定;
パスワードの長さの設定:
グローバルな validate_password_length=4 の設定;
パスワードの更新
set password = password("123456");
更新:
FLUSH PRIVILEGES;
その後終了して終了;
最後に再度ログインを試みます:
しかし、今はまだデータベースに接続できません.
データベースは承認されていないため、root として mysql にリモート ログインできます.
GRANT ALL PRIVILEGES ON . TO 'root'@'%' IDENTIFIED BY '123456' WITH GRANT OPTION;
入力後変更を有効にするには、次のステートメントが必要です
FLUSH PRIVILEGES;
変更後、データベースにリモートで接続できるかどうかをテストできます
バックグラウンド プロジェクトの展開:
バックグラウンドが正常に起動できるかどうかを確認します.起動が成功すると、war パッケージ<packaging>war</packaging>
にパッケージ化されてから、tomcat パスにインポートされます.
次に、関連するテーブル データをクラウド データベースに追加します。
次に、Tomcatを再起動します
目標: フロントエンド プロジェクトのデプロイ
Nginx の紹介
1. 負荷分散: フロー共有 (サーバー プレッシャーの共有)
2. 動的と静的の分離: 動的リクエストか静的リクエストかを判断し、指定されたサーバーに選択的にアクセスします
3. リバース プロキシ: 外部ネットワークから内部ネットワークにアクセスする際の問題を特定します。
1. Nginx のインストール
nginx が提供する公式の yum ソースを追加します (ネットワークが必要で時間がかかります)
rpm -Uvh http://nginx.org/packages/centos/7/x86_64/RPMS/nginx-1.14.2-1. el7_4. ngx.x86_64.rpm
yum を使用して nginx をインストールします
yum install nginx を使用し
て nginx のバージョンを表示します
rpm -qa | grep nginx
default port is: 80
80 ポートは Baidu などで非表示にすることができ
ます
。 service
systemctl enable nginx.service
表示するには lsof -i:80 を使用します
ポート 80 を開くようにファイアウォールを 設定します
。
Tomcatを2つ用意し、
tomcat関連のフォルダに入力してダウンロード
cd /javayuyan/software
cp -r apache-tomcat-8.5.20/ apache-tomcat-8.5.20_8081/
tomcatのconfigディレクトリ層に入り、server.xmlをコピー 修正のポート番号
- HTTP ポート、デフォルトは 8080、次のように 8081 に変更
- リモート停止サービス ポート、デフォルトは 8005、次のように 8006 に変更
- AJP ポート、デフォルトは 8009、次のように変更、8010
次に、スタートアップ プロジェクトを保存します。
ファイアウォールでポート 8081 を開き
ます
。 index.jsp の <body></body> の内容を 8080 と 8081 に
nginx の階層構造を表示します:
systemctl status nginx
etc/nginx ディレクトリに移動し、nginx.conf の内容を変更します。
以下を上の赤いボックスにコピーします
upstream tomcat_list { #服务器集群名字
server 127.0.0.1:8080 weight=1; #服务器1 weight是权重的意思，权重越大，分配的概率越大。
server 127.0.0.1:8081 weight=1; #服务器2 weight是权重的意思，权重越大，分配的概率越大
}次に、conf.d フォルダーをクリックして、default.conf で変更します。
location / {
#root /usr/share/nginx/html;
#proxy_pass http://172.17.0.3:8080;
proxy_pass http://tomcat_list;
index index.html index.htm;
保存後に再起動します:
systemctl restart nginx
現時点では、権限の問題があります:
ログを確認してください:
cat /var/log/nginx/error.log
解決策: 次のコマンドを実行します
setsebool -P httpd_can_network_connect 1
サーバーがクラッシュした場合でも、通常どおり実行できます
次に実行します。
まだ正常に実行できます: 複数の Tomcat をセットアップしたためです。
プロジェクトの高可用性を確保する
4. フロントエンド プロジェクトの展開
1. フォアグラウンド プロジェクトが利用可能であることを確認します。
統合のために以前に書いた t_spa プロジェクトを見つけます
現在のディレクトリ cmd に移動して開始します。
効果：
2. フォアグラウンド プロジェクトをパッケージ化します npm run build
注: 私が使用するツールは HBuilder X です。hbuilderX がvue プロジェクトをパックすると、白い画面の問題が発生します
。assetsPublicPath:' ./'これにより / の前にドットが追加されます
2.ビルドの utils.js で
generateLoaders 関数メソッドを見つけ
、if (options.extract) // に行を追加して、
アイコン パスの読み込みエラー
publicPath:'../../'を解決します。
ガイド パッケージ: npm run build
3. IP/ホスト ホスト マッピングを行う
仮想マシンの IP をドメイン名 www.yuyan.com にマップします。
4. Nginx の動的および静的分離のための default.conf の構成を完了します。
定義規則：URL は xxx 規格に準拠し、動的リクエストを使用し、静的リクエストには準拠していません
C:\Windows\System32\drivers\etc\hosts にマッピング関係を追加します
(権限が必要な場合は、まずファイルをデスクトップにドラッグし、変更のために開いてからドラッグして戻すことができます) 192.168.195.139
www.yuyan変更後の.com
次に、/etc/nginx/conf.d/ ファイルの default.conf を開きます
プロキシ構成
location / {
#该句代码是为解决history路由不能跳转的问题，在vue-router官网有介绍
try_files $uri $uri/ /index.html;
}
location ^~/api/ {
#^~/api/表示匹配前缀是api的请求，proxy_pass的结尾有/， 则会把/api/*后面的路径直接拼接到后面，即移除api
proxy_pass http://tomcat_list/;
}変更後、
フロントエンド プロジェクトを再パッケージ化します: npm run build (Nginx の動的および静的分離を使用)
注: action.js アドレスを変更し、api のパス構成を追加して、
パッケージ化されたファイルを削除します。
パッケージング後、Nginx を起動してテストします
systemctl restart nginx
フロントエンド アクセス アドレス
5. フロントエンド コンポーネント番号の dist プロジェクトをクラウド サーバー /usr/local/... にアップロードします。
/usr/local ディレクトリを見つけて、パッケージをフロントエンドからそこにコピーします
次に、default.conf ファイルのポートを変更します。
場所は上記の場所のままです。
listen 80; #监听80端口，可以改成其他端口
#server_name localhost; #当前服务的域名
server_name www.yuyan.com; #当前服务的域名(虚拟域名也可以)
root /usr/local/mypro/dist; #将要访问的网站的根目录，nginx节点会自动继承父节点的配置;这里放到/usr/local/*，放到其他路径下会有权限相关问题；必要的时候配置Nginx.conf的user为root
Nginx サービスを再起動して設定を有効にします
systemctl restart nginx
（後でバックアップし忘れた部分がまだあります…）
今日共有するのは主に実装の知識です. 内容はたくさんあります. 仮想マシンがわからない場合は, ゆっくり読んでください. 質問がある場合やわからない場合は, ブロガーに非公開でメッセージを送ってください. . ヘルプ。