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

推薦する

nginx の場所に複数の Proxy_pass メソッドがある

1. まず、nginxの位置情報に関する関連知識を確認しましょう1) 位置マッチング手順: ~ #波...

Vue2.0/3.0双方向データバインディングの実装原理の詳細説明

Vue2.0/3.0双方向データバインディングの実装原理双方向データバインディングとは、データの変更...

CSS3 rgb と rgba (透明色) の使い方の詳しい説明

誰もが色にとても敏感だと思います。私たちの目が見るところにはどこにでも色があります。では、CSS で...

vue3 を使用したジグソーパズルゲームのリファクタリングの例

序文プロジェクト内のパズルゲーム(デジタル華容路とも呼ばれる)を再構築するのに 2 日かかりました。...

HTML ウェブページのブラウザタイトルバーに小さなアイコンを表示する方法

この効果と同様に、方法も非常に簡単です。ヘッダーに次のように記述します: <link rel=...

MYSQL パフォーマンス アナライザー EXPLAIN 使用例分析

この記事では、例を使用して MYSQL パフォーマンス アナライザー EXPLAIN の使用方法を説...

横スクロールウェブサイトデザインの概要

水平スクロールはあらゆる状況に適しているわけではありませんが、適切に行えば、Web サイトを他のサイ...

jQuery でダイナミックなパーティクル効果を実現

この記事では、動的なパーティクル効果を実現するためのjQueryの具体的なコードを参考までに紹介しま...

検索ボックスと検索ボタンの境界線が重なり合わない問題を解決

今日、Baiduのページで練習していたところ、検索ボックスとボタンの余白とパディングの値が0に設定さ...

Docker の NFS-Ganesha イメージを使用して NFS サーバーを構築する詳細なプロセス

目次1. NFS-Ganeshaの紹介2. NFS-Ganeshaの設定3. NFS-Ganesha...

CSS3で実装された天気アイコンのアニメーション効果

成果を達成する 実装コードhtml <div class="wrapper"...

理論: 2年間のユーザーエクスペリエンス

<br />国内のウェブサイトが本格的に普及し、ユーザーエクスペリエンスに重点が置かれる...

コメント付きのスネークゲームを実装する js

この記事の例では、スネークゲームを実装するためのjsの具体的なコードを参考までに共有しています。具体...

カンマで区切られたmysqlの分割関数の実装

1: 文字列を区切るためのストアドプロシージャを定義する 区切り文字 $$ `mess`$$ を使う...

カルーセルバナーの自動回転効果を実現する純粋な CSS

さっそくコードを見てみましょう * { マージン: 0; パディング: 0; } 。容器 { マージ...