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 トランザクションの詳細

目次導入取引の4つの特徴トランザクション分離レベル確認するMVCC現在の読書スナップショット読み取り...

あなたが知らない Linux KDE アプリケーション 11 選

翻訳Kool Desktop Environment の略称。 Linux、Unix、FreeBSD...

MySQL 文字列分割の例 (区切り文字なしの文字列抽出)

区切り文字なしの文字列抽出質問の要件データベース内のフィールド値:実装効果: 1行のデータを複数行に...

MySQL で 1000 万件のレコードをすばやくクエリする方法

目次通常のページングクエリ最適化する方法大きなオフセット使用ID制限大量データ問題の最適化通常のペー...

linuxdeployqt を使用して Ubuntu で Qt プログラムをパッケージ化する問題を解決する

いくつかの Qt インターフェース プログラムを作成しましたが、Qt 環境がインストールされていない...

JavaScript で 24 以上の配列メソッドを手動で実装する

目次1. トラバーサルクラス1. 各2. 地図3. すべての4. いくつか5. フィルター6. 減ら...

MySQLで日付を比較する方法の詳細な説明

データ型が datetime であるフィールド add_time を持つテーブル product が...

Firefox で Flash を再生するためのオブジェクトとパラメータの書き方

コードをコピーコードは次のとおりです。 <object classid="clsid...

react-virtualized を使用して、動的な高さを持つ画像の長いリストを実装する

目次開発中に発生した問題解決具体的な実装実績まとめバーチャルリストは、スクロールコンテナ要素の表示領...

Dockerコンテナのログ処理の詳細な説明

Docker には多くのログ プラグインがあります。デフォルトでは json-file を使用します...

MySQL に絵文字表現を挿入できない問題の解決方法

序文最近この問題に遭遇するまで、私は UTF-8 が文字セットの問題に対する普遍的な解決策だと考えて...

CSSトランジションは高さを変更することで要素を拡大したり縮小したりします。

一般的な開発ニーズとして、要素の一部を必要になるまで折りたたんでおきたいことが挙げられます。 Boo...

Vue命令の動作原理と実装方法

Vue の紹介現在のビッグフロントエンドの時代は、混乱と衝突の時代です。世界は多くの派閥に分かれてお...

Docker を使用した JMeter+Grafana+Influxdb 監視プラットフォームの構築に関する詳細なチュートリアル

Jmeter がネイティブの結果表示機能を提供していることは誰もが知っています。ネイティブの結果表示...

MySQL 5.7.21 履歴データディレクトリからデータを復元するチュートリアルの解凍バージョン

状況の説明: データベースが異常に起動およびシャットダウンしたため、サービスを再度起動したときに「起...