apacheこんにちは、たねやつです。この記事からはWEBアプリケーションを作成していきます。最終的に完成するもの今回の一連の記事ではRSSリーダーを作成します。各サイトやブログの最新記事を一覧形式で表示するようなアレです。私が以前作成したものですが、以下のような感じのものだと思ってください。デザインなどは少し変えます。Piで、と銘打っていますがもちろんほかのLinux端末、ディストリビューションでもほぼ同じ方法で構築を進めることができます。大きな違いはインストールのコマンドが違ったり、WEBサーバーの設定ファイルの名前が違う程度の差です。Piのバージョンは以下のようになっています。合っていなくても問題ないです。3B+で構築していきますがそれよりも前のバージョンだったり、Zero系でも問題ありません。使用するもの以下のパッケージ(ソフトウェア)、プログラミング言語を使用します。CSSだけで構築した簡単なページが完成したのちにPHPでRSSの取得、表示の処理を乗っけていきます。本当ならjQueryからRSSを取得したいのですが、設定が面倒になるのでPHPを選択しました。必要なプログラミングやHTMLの書き方などは随時解説していきますが、そもそもHTMLの文法っって?という感じの内容に関しては、Progateなどの学習サイトで一通り押さえておくと、理解度がぐっと上昇すると思います!高校生ぐらいのときにこんな感じのサイトとPCが手元にあったらなーといつも思ってしまいます(笑)WEBサーバーの役割について外部からのアクセス(Chromeなどのブラウザからのアクセスなど)に対して、HTML形式のファイルを渡してくれるのがWEBサーバーです。渡すファイルはURLによって指定されます。Piに外部からアクセスしただけではそのファイルを返すことができないので、WEBサーバーを橋渡しとして返すことができるようになります。この記事ではApache(アパッチ)という名前のWEBサーバーを使用していきます。ほかにもnginxといったものもあります。現時点ではApacheのほうがわずかにシェア数が多いようです。Pi(Raspbian)上ではApacheの名前がApache2となりますのでご注意ください!また、別のLinuxディストリビューションではhttpdとなっていたりしますので、検索したときにはhttpdの情報もほぼほぼそのまま利用することができます。設定用のファイル名やディレクトリ構造が少し違いますが、内部的に行っていることは同じです。前書きが長々としてしまいましたが、それでは構築を進めてきましょう🎊🎊Apacheをインストールするまずはapache2をインストールしていきます。パッケージの更新などをも含めて以下のコマンドでOKです。...以上でインストール自体は完了です。インストールできているか確認してみる実際にページを表示してみて確認してみましょう。PiのIPアドレス]にアクセスすると表示できます。IPアドレスが192.168.11.10場合は、http://192.168.11.10という感じです。PiのIPアドレスがわからないという場合には以下のコマンドでinetの横の値を確認してください。Pageというページが表示できていると思います。表示できていれば無事インストールしてサーバーが起動している状態となります。Worldページを作成していきましょう。何も設定しない状態のApacheでは、/var/www/html/ディレクトリ内にあるファイルを表示するようになっています。ここにファイルを作成していきましょう。ディレクトリのアクセス権限を変更するファイルを作成していきたいのですが、現在のこのディレクトリの所有者はrootで、ほかのユーザーが書き込みができない設定になっています。html以下のコマンド(chmod)で全ユーザーでファイルの作成や編集をhtml/内でできるようになります。ここが変わりました変更出来たらhtml/内に移動してエディタを起動します。hello-world.htmlというファイルを作成します。hello-world.html起動したエディタ内で以下の内容を書き込みます。World</b></body>編集出来たらファイルを保存してvimを終了します。htmlディレクトリに内に、index.htmlというファイルが既にありますが、IPアドレスにアクセスしたときに表示されていたファイルがこれです。ドメイン名やIPアドレスだけでアクセスしたときに表示するファイル名は設定で変更できます。ページを表示してみる最後にページにアクセスしてみてできているか確認しましょう!HTMLファイルはC言語のようにコンパイル等が不要なので、apache2の再起動なども不要です。PiのIPアドレス]/hello-world.htmlにアクセスします。今回の記事ではここまでとなります。最後に概要説明から導入まで完了しました。自分が作ったものがちゃんと表示されているとものすごい達成感ですよね!次の記事ではhtml文書だけでWEBサイトのお気に入りリストを作成していきます。背景を元に戻すAdsはてなブログをはじめよう!ibuquicalligさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。