Alibaba Cloud で静的ウェブサイトを素早く構築する方法

Alibaba Cloud で静的ウェブサイトを素早く構築する方法

序文:

ジュニアプログラマーとして、私は自分自身の個人ウェブサイトを構築し、それを他の人に見せることを夢見ています。始めたばかりの方は、ぜひご覧ください。まずは独自の静的 Web サイトをサーバーに公開することをお勧めします。

準備する:

1. サーバーの登録を申請する

クラウドサーバーの登録を申請すると、Alibaba Cloud、Tencent Cloud などが使用できます。学生はサーバー利用時に割引が受けられます〜

2. ftp\ssh環境を設定する

ps: 私が知っていることは、Alibaba Cloud ではすでに ftp と ssh が設定されていることです。その場合は、この手順をスキップできます。

具体的な手順:

後の操作と使用を容易にするために、ftp および ssh 環境を構成する必要があります。 (ftp: ファイル転送プロトコル、簡単に言えば、ファイルのアップロードとダウンロードです。ssh: セキュア シェル プロトコル、リモート ログイン セッションやその他のネットワーク サービスにセキュリティを提供するように設計されたプロトコルで、他のソフトウェアを使用してサーバーに接続できます)。

FTP 環境構成ソリューション リンク: https://www.jb51.net/article/156423.htm
SSH 環境構成ソリューション リンク: https://www.jb51.net/article/156422.htm

3. サーバー関連リモート接続ソフトウェア

サーバーを使用する場合、リモートで接続してサーバーにファイルをアップロードする必要があります。ここで私がよく使用するソフトウェアは、Xshell と Xftp です。

Xshell: Microsoft Windows プラットフォーム上で SSH1、SSH2、TELNET プロトコルをサポートする強力な安全な端末シミュレーション ソフトウェアです。 Xshell は、インターネットを介したリモート ホストへの安全な接続と革新的な設計および機能により、複雑なネットワーク環境でのユーザーの作業の効率化を支援します。つまり、リモート サーバーのコンソールです。

Xftp: 簡単に言えば、サーバー ファイルのアップロードとダウンロードを意味します。

4. Webアプリケーションサーバー関連の構成

ps: 後で Java 関連のプロジェクトを配置する予定なので、ここでは Tomcat を使用します。他の言語の場合は、対応する Web サーバーが見つかります。ここでは、主に Tomcat の設定プロセスを紹介します。

4.1 Tomcat を設定する前に、Java 環境設定を設定する必要があります。

Java 環境構成ソリューション リンク: https://www.jb51.net/softjc/193398.html

4.2 Tomcatの設定

tomcat 構成ソリューション リンク: https://www.jb51.net/article/108101.htm

5. 対応するポートを開く

外部にポートを開きます。私は個人的にポート 80 または 8080 を使用します。

Alibaba Cloud Server の指定されたポートを開くには、次の手順を実行する必要があります。

5.1 セキュリティグループの構成を見つける

5.2 ルールの設定をクリック

5.3 セキュリティグループルールの追加をクリック

5.4 ポート範囲の形式は 80/80 です。許可されたオブジェクトは「設定方法を教えてください」で確認できます。ここでの設定は 0.0.0.0/0 で、どのオブジェクトでもアクセスできます。

6. 独自の静的 Web サイトを作成し、リリースを待ちます。

たとえば、次の形式:

7. 独自の静的ウェブサイトを公開する

7.1 Xftp を開き、Linux の tomcat ディレクトリの webapps の下にプロジェクト フォルダーを作成します。 (私の場所は /usr/local/development/tomcat7/webapps で、ツリー プロジェクトが作成されました)


7.2 このプロジェクトを、先ほど作成したフォルダーに配置します。


7.3 Tomcatを再起動します。

8. 自分のウェブサイトに正常にアクセス

とりあえずドメイン名がない場合は、アクセスするサーバーの IP アドレスを確認し、設定した Tomcat のポート番号を覚えておいてください。たとえば、私の IP アドレスは 180.20.123.30 で、ポート番号は 8080 です。そうすると、アクセスしたいインデックス ページの http はhttp://180.20.123.30:8080/tree/index.htmlになります。

完成しました。満足していますか?友達に結果を見せてくださいね〜

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  リモート接続を許可するようにMySQLを変更する方法

>>:  MySQL の 4 つのトランザクション分離レベルを例を使って分析する

推薦する

jQuery は呼吸カルーセルを実装します

この記事では、ブレッシングカルーセルを実装するためのjQueryの具体的なコードを参考までに共有しま...

CMD で MySQL データベースを操作するときに中国語の文字化けが発生する問題の解決方法

Baiduで検索しました。 。 chcp コマンドを使用して、cmd の文字エンコーディングを 65...

CSSとJSでロマンチックな流星群アニメーションを実現

1. レンダリング 2. ソースコードhtml < 本文 > < div クラス ...

Vue3 コンポジション API の紹介

目次概要例なぜそれが必要なのでしょうか?設定参照、反応的計算して見るライフサイクルVue3.0 は ...

Vue はアップロードされた画像に透かしを追加する機能を実装します

この記事では、Vueでアップロードされた画像に透かしを追加する具体的な実装コードを参考までに共有しま...

JavaScript 関数をよりエレガントにする方法

目次分割代入を使用したオブジェクトパラメータコールバック関数の命名条件文を説明的にするスイッチ文をM...

MySql でメモリ使用量を削減する方法の詳細な説明

序文デフォルトでは、MySQL はデータベース クエリ データをキャッシュするために大きなメモリ ブ...

XHTML CSS ウェブサイトデザインの利点と問題点

XHTML は現在国際的に推奨されている標準的な Web サイト設計言語です。Webjx.com も...

Expressプロジェクトファイルディレクトリの説明と詳細な機能の説明

app.js: スタートアップファイル、またはエントリファイルpackage.json: プロジェク...

Linux でファイルの作成時間を取得する方法と実践的なチュートリアル

背景ファイルの作成時刻を取得する必要がある場合があります。例えば: 「xtrabackup スキーマ...

Vue マルチ選択リスト コンポーネントの詳細な説明

マルチ選択は、すべてのオプションを一覧表示し、ユーザーが Ctrl/Shift キーを使用して複数選...

例を通してMySQLパーティションテーブルの原理と一般的な操作を学びます

1. パーティションテーブルの意味パーティション テーブル定義は、任意のサイズに設定できるルールに従...

DockerにRocketMQをインストールするための実装手順

目次1. 画像を取得する2. ブローカーサーバーを作成する3. ブローカーを作成する4. Rocke...

MySQL の低速クエリの最適化: 理論と実践からの制限の利点

多くの場合、クエリの結果は最大で 1 つのデータ レコードになることが予想されます。この場合、制限 ...

MySQLインデックスの詳細

1. インデックスの原則インデックスは、列内の特定の値を持つ行をすばやく見つけるために使用されます。...