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 つのトランザクション分離レベルを例を使って分析する

推薦する

Vue3 リストインターフェースデータ表示の詳細

目次1. リストインターフェースの表示例2. データを表示する2.1. コンポーネントがリストに表示...

MySql 8.0.16 バージョンのインストールでは、「UTF8B3」ではなく「UTF8B4」が使用されるように求められます。

MySQL 8.0.16 にインストールする場合、「UTF8B3」ではなく「UTF8B4」が使用さ...

ウェブデザインにおけるテキスト入力ボックスのパラメータの説明

<br />一般的なゲストブック、フォーラムなどでは、テキスト入力ボックスが使われていま...

Linux チェックアップ、Linux の状態 (ネットワーク IO、ディスク、CPU、メモリ) を把握

目次1. コアコマンド2. 共通コマンド3. コアコマンドの詳細な説明3.1、ps補助3.2 トップ...

CentOS 8.0.1905 は ZABBIX 4.4 バージョンをインストールします (検証済み)

Zabbix サーバー環境プラットフォームバージョン: ZABBIX バージョン 4.4システム:...

IE6/7 は混乱するだろう: 空のテキスト ノードの高さの問題

序文: ietester でドキュメント コードを表示するには、debugbar を使用します。すべ...

Nginx でアンチホットリンクを設定するための手順を完了する

必要:通常、サイト側は、ウェブサイト上の動画や写真が盗まれるのを防ぎたいと考えています。結局のところ...

Linux 環境変数の設定方法のまとめ (.bash_profile と .bashrc の違い)

Linux では、アプリケーションをダウンロードしてインストールすると、起動時にアプリケーション名...

JavaScript PromiseとAsync/Awaitの詳細な説明

目次概要4つの例例1: 誕生日で説明する約束の基本例2: 数字当てゲーム例3: Web APIから国...

CSS でフローティングにより親要素の高さが崩れる問題を解決するいくつかの方法

1. ドキュメントフローとフローティング1. ドキュメントフローとは何ですか? HTML では、ドキ...

情報製品の読書リストのインタラクティブなデザインに関する考えと経験の共有

リストは、テーブルをコンテナーとして使用するテキストまたはグラフの形式として定義されます。商品の種類...

MySQL は SQL ステートメントの最新のレコードをクエリします (最適化)

最悪の選択肢は、結果を時間順に並べ替えて最初のものを取ることです。 *から選択 ここで、create...

Zabbix を使用して ogg プロセスを監視する (Windows プラットフォーム)

この記事では、Windows プラットフォームで ogg プログラムを監視する方法を紹介します。 (...

使用状況分析を備えたMySQL

持つことの使用法having 句を使用すると、グループ化後にさまざまなデータをフィルター処理できます...

MySQL の on と where における左結合設定条件の使用法の違いの分析

この記事では、MySQL の左結合における on 条件と where 条件の使用法の違いを例を使って...