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

推薦する

CentOSにDockerをインストールする方法

ここでは比較的簡単なインストール方法のみを紹介します。 1. yumを使用してインストールするyum...

Linux コマンドライン操作 Baidu クラウドのファイルのアップロードとダウンロード

目次0. 背景1. インストール2. Baidu Cloudアカウントにログインする3. ファイルを...

React スキャフォールディングのパスエイリアスを設定する方法

この記事を書いている時点でのReactのバージョンは16.13.1です1 npm run eject...

ウェブページ制作でウェブフォントファイルにベクターアイコンを追加する方法

ご存知のとおり、コンピューターには 2 種類の画像があり、1 つはビットマップ、もう 1 つはベクタ...

ネイティブ JS でスネーク ゲームを書く

この記事では、参考までに、JSでスネークゲームを書くための具体的なコードを紹介します。具体的な内容は...

MySQL アクティブ-アクティブ同期レプリケーションの 4 つのソリューションの詳細な説明

目次MySQLネイティブレプリケーションに基づくマスター-マスター同期ソリューションGaleraレプ...

Vueユーザーが長時間操作せずにログインページからログアウトするように実装する2つの方法

目次問題の説明フロントエンド制御(方法1)アイデアコードバックエンド制御(方法2)アイデアコード要約...

Dockerデーモンのセキュリティ設定項目の詳細な説明

目次1. テスト環境1.1 CentOS 7をインストールする1.2 Docker CE 19.03...

MySQL InnoDBセカンダリインデックスのソート例の詳細な説明

ソート問題最近、Geek Time の「45 Lectures on MySQL Practice」...

HTMLはWEB標準の開発の中心的な基盤です

HTML 中心のフロントエンド開発は、ほぼ Web 標準の意味です。共通しているのは「分離」という考...

MySQL binlog を使用して誤って削除されたデータベースを復元する方法

目次1 現在のデータベースの内容を表示し、データベースをバックアップする2 bin_log関数を有効...

Vueアイコンセレクターのサンプルコード

出典: http://www.ruoyi.vip/ 'vue' から Vue をイン...

ウェブページ上でデスクトップ exe プログラムを呼び出す簡単な方法

この記事では主に、Web ページ上でデスクトップ exe プログラムを呼び出す方法を紹介します。 W...

404エラーページを作成する際に注意すべき問題の簡単な分析

ウェブサイトを最適化するときは、エラー ページの使い方を学ぶ必要があります。たとえば、ウェブサイトに...

Element+vueを使用して開始時間と終了時間の制限を実装する

この記事の例では、Element+vueを使用して開始と終了の時間制限を実装するための具体的なコード...