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

推薦する

MySql ストレージ エンジンとインデックスに関する知識のまとめ

ストレージエンジンデータベース ストレージ エンジンとは何ですか?データベース エンジンは、データベ...

Vant Uploaderは1枚以上の写真をアップロードするコンポーネントを実装します

この記事では、1枚以上の写真をアップロードするためのVant Uploaderコンポーネントを紹介し...

Vue3の一般的なAPIの使用方法の紹介

目次ライフサイクルの変化反応的な参照vue2.x では ref を使用して要素タグを取得します。vu...

Linux でファイルをあいまい検索するのに適したコマンドは何ですか?

1. はじめにこの記事では、主に Linux システムでコマンドライン ツールを使用してファイルを...

MySQLデータベースで外部キー制約を使用する必要があるかどうかの詳細な説明

1. はじめに外部キー制約を使用するかどうかという話題は、すでに決まり文句になっています。学校では、...

CSS スティッキーレイアウトを使用してヘッダーを上部に配置する方法

適用シナリオ:新しい要件の 1 つはアンケート調査を行うことですが、必然的に多くの質問が含まれ、1 ...

チャットバブル効果を実現するCSS

1. レンダリングJD効果シミュレーション効果 2. 原則高さと幅が0のボックスを用意しますこのボ...

Ubuntu 16.04 で MySQL マスター スレーブ同期を設定する方法

準備1. マスターとスレーブのデータベースのバージョンは一致している必要があります2. マスターデー...

MySQL でコミットされていないトランザクションを見つけるための SQL の例の簡単な分析

以前、「MySQL でコミットされていないトランザクション情報を検索する方法」というタイトルのブログ...

mysql5.6 マスタースレーブ設定と非同期の問題の詳細な説明

目次1. MySQL マスタースレーブレプリケーションの原理2. MySQLのコンパイルとインストー...

モバイル適応型ウェブページ効果は、小さな表示ページの問題を解決します

仕事上、携帯電話に適応した Web ページ効果を作成する必要があります。ようやく完成しました。まずは...

水平スクロールバーを実装する2つの方法の例

序文:プロジェクトの開発中に、1 行にナビゲーション バーが多すぎる場合に水平スクロール バーを実装...

DockerでSpring Bootアプリケーションを実行する方法

ここ数日、dockerでSpring Bootアプリケーションを実行する方法を勉強してきました。以前...

JS を使って 1 分で github+Jekyll ブログに訪問カウント機能を追加する実装

目次1分でgithub+Jekyllブログにトラフィック機能を追加する1. ジェクルとは何か1. J...

css n番目から始まるすべての要素を取得する

具体的なコードは次のとおりです。 <div id="ボックス"> &...