Webアプリケーションの基礎について

Webアプリケーションの基礎について

9月 29, 2018


業務でWebアプリケーション開発を行っているのですが、基礎的なことについていざ説明しようとしたときに正確に言える自信がなかったので、復習として改めて調べたことをまとめておきま。

＊Webアプリケーションに必要なもの

  • Webサーバ
    アプリケーションサーバにリクエストを送り、返ってきた結果をWebブラウザに返却します。（Apache、nginx 、IISなど）
    IaaS – Google Compute Engine、Amazon EC2
    PaaS – Google App Engine、Heroku
    SaaS – Google Apps、Salesforce、GitHub

  • アプリケーションサーバ
    Webサーバから受け取ったリクエストをもとにPHPなどを実行し、Webサーバに結果を返却します。（Tomcat、Unicornなど）

  • ログサーバ

  • ロードバランサー
    Webサーバーにかかる負荷を分散させ、停止するのを防ぐことです。（Amazon ELBなど）

  • キャッシュストレージ
    ロードに時間がかかる画像や一時的なデータを保存しておき、次回からの処理速度をあげるためのものです。

  • セッションストレージ
    ユーザーのセッションをDBに保存しておき、次回からの処理速度をあげるためのものです。

  • セキュリティ監視
  • メトリクス監視
  • パフォーマンス監視
  • ログ監視
  • GitHub
  • CI
  • オーケストレーション
  • デプロイ

＊Webアプリケーションの基礎

  • URL
    スキーム、ホスト、パスの組み合わせで作られています。
    http://www.example.com/welcome.html
    スキームのhttpはWebの通信をあらわしています。
    ホストはWebサーバの間でコンテンツをやりとりするための方法を規定したものです。パスはホストに対してこのコンテンツがほしいと要求するためのものです。

  • Webブラウザで表示するまでの流れ
  1. ホストのIPアドレスを調べる（DNSの仕組みを使う）
  2. ホストのIPアドレスに対してTCPの80番ポートで接続する
  3. TCP接続が成功したらHTTPリクエストを送信する
  4. HTTPレスポンスを受け取る
  • DNS（Domain Name Service）
    ドメインからIPアドレスに変換するサービスのことです。

  • TCP
    接続が成功してからデータのやりとりを行うプロトコルで、バーチャルサーキットとよばれる論理的な通信回路を実現します。

  • 80番ポート
    webコンテンツをやりとりするためのHTTPの標準なポート番号は80番と決まっています。1つのIPアドレスにポート番号が複数存在します。メールサーバの標準のポート番号は25番です。

  • HTTP
    プロトコルのことでPOSTはデータ送信（アップロードなど）、PUTはURLそのものに対して更新するときに使われます。

  • HTTPレスポンス
    成功は200番、アクセス権がない場合は403番、リクエストされたURIがない場合は404番、サーバ側の失敗は503番です。
    100番台 – 情報（処理は継続）
    200番台 – 成功
    300番台 – リダイレクト
    400番台 – クライアントエラー
    500番台 – サーバーエラー

  • HTTPクッキー
    Webサーバ側で状態を記憶するために作られたものです。
    Webサーバがレスポンスを返す際にHTTPクッキーをセットし、
    ブラウザはそれを覚えておきます。クッキーを受け取ったサーバと再度通信する際にHTTPヘッダに含めて送信することで、同じユーザーだと認識することができます。セッション管理でも使われます。

  • 補足
    アプリケーションサーバとDBサーバはそれぞれ独立させておき、接続数や負荷状況によって台数やマシンスペックを調整できるようにしておくのが一般的です。

  • RASIS（レイシス）
    品質の良いwebサービスを作るための評価指標の頭文字をとったものです。
    信頼性 – デプロイやコード
    可用性 – サーバ
    保守性 – ドキュメント、バックアップ、障害検知
    保全性 – データベース制約、ドランザクション
    機密性 – SSL、パスワードの取り扱い、脆弱性

＊その他


＊Sphinx

Web API のドキュメントを書くには、サードパーティ製の拡張である shinxcontrib-httpdomain を使います。
定義や参照のためのマークアップやインデックス化機能を提供しています。また、API Blueprint を利用するとAPIのテストも行うことができます。（sphinxcontrib-apiblueprint）

＊所感

最近はクラウドが面倒な部分をやってくれることも多くなってきましたが、クラウドを使うにしてもクラウドが何をしているのか、足りないことは何かをしっかり理解して使いたいと思います。

Next
« Prev Post
Previous
Next Post »
登録: コメントの投稿 (Atom)

人気の投稿

  • Docker + MySQLで開発環境用DBの作成
    開発環境のテストを自動化するため、ローカルでDBの初期データを入れたり破棄したりできるDockerを使ってMySQLの環境を作成してみました。 シェルを使ったりする方法もありましたが、今回はdocker-composeを使う方法にしました。 ＊環境 MacO...
  • gcloudコマンド一覧（自分用）
    自分用によく使うgcloudコマンドをまとめておきます。 ログイン gcloud init gcloud auth login プロジェクト一覧をする gcloud projects list アカウントを確認する gcloud auth list ...
  • Pytestの使い方
    ＊Pytestとは Pythonで書かれたテストライブラリです。 https://docs.pytest.org/en/latest/ 他にunittestなどもありますが、他のライブラリよりも失敗時のエラー表示が詳細で見やすかったり、実行時のコマンドにオプション...
  • Python + Flaskを使ったWebアプリ作成①（環境構築〜画面追加編）
    Pythonのフレームワークのひとつである Flask を使って、ブログのWebアプリケーションを作成してみました。今回の記事では「環境構築からテンプレートを使った画面の作成」までの手順です。 ＊目次 仮想環境の作成 Flaskのインストール Webサーバ...
  • Tabulator を使ってみました
    ＊Tabulator とは インタラクティブなテーブルを作成する際に便利な Javascript ライブラリで、多機能のテーブルを簡単に作成することができます。 HTMLテーブルを Tabulator に変換して表示する方法と、JSONデータを読み込んで表示する方法...
  • Python + Flask を使ったWebアプリ作成④（ログイン認証編）
    続きです。 今回はログイン認証の実装をします。 ＊参考 flask-bcrypt /公式ドキュメント flask-login /公式ドキュメント ＊環境 MacOS Python 3.6.3 Flask 1.0.2...
  • Vue.js + Chart.js でグラフを作成してみました
    Javascript のフレームワークである Vue.js でグラフを作成したいと思ってたところ、vue-chartjs という便利なライブラリがあるようだったので、実際に使って試してみました。 ＊今回作成するもの ＊参考...
  • Kerasを使って予測モデルを作成してみました
    ＊Keras とは TensorFlowやTheano上で動く、Pythonの深層学習ライブラリです。 Kerasは簡単に素早くプロトタイプを作成することを目的に作られたライブラリで、文章の自動生成や画像認識、botの作成などといったディープラーニングを簡単に実装するこ...
  • PythonでWordCloudを作成してみました
    PyLadies Advent Calendar 2018 の3日目の記事です。 Pythonで Word Cloud を使ってみたことを書きました。 ＊Word Cloud とは 文章データを可視化する手法のひとつで、文章のなかで出現頻度が高い文字を大きく...
  • Python + Flask を使ったWebアプリ作成③（DB接続〜パッケージ構成修正編）
    続きです。 SQLAlchemy を使ったDB接続処理と、パッケージ構成の修正をします。 ＊参考 Python Flask Tutorial: Full-Featured Web App Part 4 - Database with Flask-SQ...