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 データベースの基本的な SQL ステートメントの概要

この記事では、例を使用して、Mysql データベースの基本的な SQL ステートメントについて説明し...

LinuxテキストエディタVimの詳しい説明

Vim は強力なフルスクリーン テキスト エディターであり、Linux/UNIX で最も一般的に使用...

CSS3 オーバーフロープロパティの説明

1. オーバーフローOverflow はオーバーフロー(コンテナ)です。コンテンツがコンテナを越える...

クラウド決済を実装するWeChatミニプログラムについて

目次1. はじめに2. 思考分析3. クラウド決済のケーススタディ1. クラウド機能1-1. 認証不...

PID を作成できないために MySQL が起動できない問題を解決する方法

問題の説明MySQL 起動エラー メッセージは次のとおりです。 mysqld を起動します (sys...

NodeとPythonの双方向通信実装コード

目次プロセスコミュニケーションプロセス間の双方向通信問題要約するサードパーティのデータ サプライヤー...

Linux 上の Tomcat で MySQL にデータを挿入するときに中国語の文字化けが発生する問題を解決する

1. 問題Windows 上の Eclipse を使用して開発されたプロジェクトは Windows ...

MySQLオンラインDDLの使用に関する詳細な説明

目次文章LOCKパラメータアルゴリズムパラメータCOPY TABLE プロセスIN-PLACEプロセ...

JS で CSS 変数を使用する方法

JS で CSS 変数を使用する方法:export キーワードを使用して、js オブジェクトを le...

JavaScript はスローモーションアニメーションのカプセル化と使用法を説明します

プロセス分析の実装(1)繰り返して電話をかけるには?答え: 関数をカプセル化して一度だけ呼び出すコー...

Webデザイン: タイトルが完全に表示できない場合

<br />今日、新しくなった ChinaUI.com の Web サイトを見たのですが...

EclipseでTomcatを作成する原理の詳細な説明

ローカルEclipse上にTomcatサーバーを作成する場合、 tomcaインストールディレクトリの...

MySQL のユーザー権限を照会する方法の概要

MySQLユーザー権限を表示する2つの方法を紹介します1. MySQL grantsコマンドを使用す...

モバイル開発におけるHTML5開発の現状を深く理解する

「私たちは次の一連のモバイル製品を HTML5 で作成しています。」 「ええ、最近は多くの人が Ap...