CentOS 7.2 は uniapp プロジェクトを展開するための nginx Web サーバーを構築します

CentOS 7.2 は uniapp プロジェクトを展開するための nginx Web サーバーを構築します

Pantherは新人としてスタートし、今もまだ新人ですが、人々から学び、学んだことを時々皆さんと共有しています。前回のブログでは、Thingsboardのマルチデバイス共同表示についてお話ししました。私は現在学習段階にあるため、多くのことに触れており、それらもかなり複雑です。私の記事が少しでもお役に立てれば幸いです。

テンセントクラウドを購入する

https://cloud.tencent.com/

製品 – クラウドサーバー – 今すぐ購入 – クイック構成 – リージョン – エントリーレベル構成 – CentOS 7.2 – 購入

ここに画像の説明を挿入

サンプルコンソール https://console.cloud.tencent.com/cvm

ここに画像の説明を挿入

セキュリティグループのオープンポートを変更する

ここに画像の説明を挿入

最初は全てのポートが接続できるので、ここで指定のポート接続に変更します

ここに画像の説明を挿入

パスワードをリセット

ここに画像の説明を挿入ここに画像の説明を挿入ここに画像の説明を挿入ここに画像の説明を挿入

**2 **ツールを介して接続 – xshell

ホスト名 - 購入したホスト名を入力してください 123.175.167.214
ユーザー名 root
パスワード: メールアドレス ポート: 22 

ここに画像の説明を挿入

Centosのホームフォルダにnginxをアップロードする

ここに画像の説明を挿入

xshell経由でcentosに接続し、ルートディレクトリに入るコマンドcd /を入力します。
すべてのカタログを見るll
ホームディレクトリに入る cd home/
ll

nginxをインストールする nginxがインストールされていない場合は、123.175.167.214にアクセスしてください

ここに画像の説明を挿入

xshellのホームディレクトリにnginxを解凍します
tar -zxvf nginx-1.12.0.tar.gz
nginxを使用するための環境を構築するには、yum -y install gcc-c++を使用します。
yum -y pcre-devel をインストールします
yum -y zlib-develをインストールします
yum -y openssl をインストール openssl-devel
環境がインストールされたら、nginxフォルダに入ります。
nginx-1.12.0をインストールします
nginx をコンパイルします。ここにはスペースがありません。/configure
作る
インストールする
インストール成功 /usr/local/nginx 

ここに画像の説明を挿入

インストールが成功したディレクトリを入力します。cd /usr/local/
ll
/usr/local/nginx/ をコピーします
ll 

ここに画像の説明を挿入

現在の場所のパスワードを表示
nginxを起動する
cd sbin/
ll
./nginx 

ここに画像の説明を挿入ここに画像の説明を挿入

三つ
uniappをデプロイする
Centosの/usr/local/nginx/ディレクトリに新しいファイルmovieを作成します。
すべてのh5ページをムービーの下に置く

ここに画像の説明を挿入

公開アドレスをnginxに設定します。
ファイルが正常にアップロードされたかどうかを確認してください。
/usr/local/nginx/ をコピーします
ll
CD 映画/
ll
cd h5/
ll
もう一度cd /usr/local/nginx/に戻ります
すべての設定はnginxのconfにあるため
cd conf/
ll
nginx.conf設定ファイルを見つけて変更します vim nginx.conf 

ここに画像の説明を挿入

sbin ディレクトリに入り、cd .. を実行します。
cd sbin/
テストを実行します。./nginx -t
サーバーを再起動します。./nginx -s reload
テストOK、テスト成功

ここに画像の説明を挿入

**4 ** Tencent Cloudの購入、Webサーバーの構築、uniappのh5展開が完了しました

ここに画像の説明を挿入

要約する

上記は、centos7.2 上の nginx Web サーバーに uniapp プロジェクトをデプロイする方法について紹介したものです。お役に立てれば幸いです。ご質問がある場合は、メッセージを残していただければ、すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。
この記事が役に立ったと思われた方は、ぜひ転載していただき、出典を明記してください。ありがとうございます!

以下もご興味があるかもしれません:
  • uniapp、WeChat アプレットで MQTT を使用する際の問題
  • vue+uniappライブ放送プロジェクトに基づいて、uni-appはDouyin / Momoライブ放送ルーム機能を模倣します
  • uniapp プロジェクトで MQTT を使用する方法

<<:  MySQL における int の最大値の詳細な説明

>>:  VantフレームワークをWeChatアプレットに導入するプロセス全体の記録

推薦する

mysql 3つのテーブルを接続してビューを作成する

3 つのテーブルが接続されています。テーブル A のフィールド a はテーブル B のフィールド b...

自動的にフォーカスを取得する要素入力ボックスの実装

最近のプロジェクトでフォームを作成するときに、コメント ボックスまで自動的にスクロールし、コメント ...

MySQL で単一のデータベースまたはテーブルを復元する方法と、起こりうる落とし穴

序文:最も一般的に使用される MySQL 論理バックアップ ツールは mysqldump です。通常...

Dockerイントラネット侵入FRP展開の実装プロセスの分析

1. 設定ファイルディレクトリを作成するcd /ホームディレクトリmkdir frp最終的なディレク...

MySQLの整数データ型tinyintの詳細な説明

目次1.1Tinyint型の説明1.2 練習環境の説明1.3 未署名属性の追加1.3.1 SQLモー...

MySQL で指定エンコーディングを実装する際の落とし穴について

前面に書かれた環境: MySQL 5.7+、MySQL データベースの文字エンコードは utf8、テ...

nginxリバースプロキシのマルチポートマッピングの実装

コードの説明1.1 http:www.baidu.test.com のデフォルトは 80 で、リバー...

Linuxで権限が拒否された場合の解決策の詳細な説明

許可が拒否されました:その理由は、ファイルの読み取り、書き込み、作成、削除などの権限がないためです。...

Vueにおける仮想DOMの理解のまとめ

これは本質的に、ビュー インターフェース構造を記述するために使用される共通の js オブジェクトです...

Vueでフォーム検証を実装する方法

1. インストールと使用まず、Vue プロジェクトにインストールします。 npm インストール --...

CentOS 6.4 MySQL 5.7.18 のインストールと設定方法のグラフィックチュートリアル

Centos6.4 で mysql5.7.18 をインストールするための具体的な手順が全員に共有され...

Vueはプライベートフィルターと基本的な使用法を定義します

プライベート フィルターとグローバル フィルターのメソッドと概念は同じですが、プライベート フィルタ...

Linux/CentOS システムでネットワーク時間を同期する 2 つの方法の詳細な説明

ハードウェア上の理由により、機械は標準時間にある程度追いつけない場合があり、その誤差は 1 か月で数...

テーブルを開く際のMySQLスレッドの問題の解決方法

問題の説明最近、MySQL5.6.21サーバーがありました。アプリケーションがリリースされた後、同時...