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アプレットに導入するプロセス全体の記録

推薦する

Linuxシステムにおける仮想デバイスファイルのさまざまな実用的な使用法の詳細な説明

みなさんこんにちは。私は梁旭です。ご存知のとおり、Linux ではデバイス ファイルも含めすべてがフ...

Windows10 mysql 8.0.12 非インストール版 設定 起動方法

この記事では、MySQL 8.0.12のインストールされていないバージョンを設定して起動するための具...

Dockerを使用してLaravel開発環境を構築するための完全な手順

序文この記事では、Docker を使用して、ローカル コンピューターにインストールされている開発スイ...

Linux ログ表示方法 6 つのまとめ

バックエンド プログラマーは、さまざまな場所で Linux を扱います。Linux ログの読み方がわ...

CSSでフレックス配置を表示する(レイアウトツール)

display: flex レイアウトに関しては、深く理解している人もいますし、私も他の人の作業か...

MySQL パーティション テーブルに関するパフォーマンス バグ

目次2. pt-pmapを使用したスタック分析3. このコラムのボトルネックポイントの分析4. パー...

CSS でのシングル div 描画テクニックの実装

純粋な HTML + CSS を使ってドラえもんの絵を描くなど、CSS 描画に関する記事をよく見かけ...

MySQL 5.6 ルートパスワード変更チュートリアル

1. MySQL 5.6をインストールした後、正常に有効化できないMySQL の圧縮バージョンは、解...

HTMLノードの追加と削除の簡単な例

HTML ノードの追加と削除の簡単な例 HTML ノードの追加と削除の簡単な例<input t...

Ubuntu でパスワードを変更し、パスワードの複雑さのポリシーを設定する方法

1. パスワードを変更する1. 一般ユーザーのパスワードを変更する パスワード現在のパスワードを入力...

Vueはシンプルなデータ双方向バインディングを実装します

この記事では、Vueの具体的なコード例を参考までに紹介します。具体的な内容は以下のとおりです。初心者...

CSS3はさまざまな境界効果を実現します

半透明の境界線結果: 実装コード: <div> 半透明の境界線が見えますか? </...

Web デザイン TabIndex 要素

TabIndex は、Tab キーを押して、定義された TabIndex 要素を順番に取得し、各要素...

RHEL8 で静的 IP アドレスを設定するさまざまな方法の簡単な分析

Linux サーバーで作業している場合、ネットワーク カード/イーサネット カードに静的 IP アド...

前後の秒、分、時間、日数を取得するMySQLデータベース

現在の時刻を取得します: current_timestamp を選択します。出力: 2016-06-...