さて､ 皆さん､ これは本当に､ 本当に楽しいものになりそうです｡
ユーザーがオンラインで連絡できるように､ 連絡先情報の送信やメッセージの入力ができる実際の連絡先ページを作成する予定です｡
さて､ Flaskのクイックスタートガイドで､ リクエストデータにアクセスするところを見てみましょう｡
これは実際にどう扱えばいいのかを示しています｡
そして､ このリクエストオブジェクトの中に､ 実際にブラウザから情報を取得するためのコードがあります｡
さらに､ ファイルをアップロードして､ 実際にサーバーに送信してもらうことも可能です｡
でも､ 今はこれに集中しましょう｡
まずコードをコピーして､ それから何が起こっているのかについてお話したいと思います｡
サーバーに行きましょう｡
ドットパイです｡
私たちの基本的なルーツはここにあります｡
そして､ もう1つ追加しましょう｡
こんな感じ｡
今､ 私が気にしていることは､ ただひとつ｡
この部分はここです｡
とりあえず名前をつけて新しいルートを作りたいと思います｡
フォームを送信します｡
そして､ これは実際に作ってみないとわからないことです｡
メソッドpostとgetがあり､ これもデフォルトでgetはブラウザが情報を送ることを意味し､
postは単にブラウザが情報を保存することを意味しますが､ 今は気にしないでください｡
また､ submit formという関数も定義したいと思います｡
そして最後に｡
とりあえず戻るだけにしておきたい｡
提出された用紙｡
A.
メッセージ
これが送信フォームの終点です｡
でも､ 今は何もしていないんです｡
ブラウザのフロントエンドでこれを呼び出すことはない｡
では､ どうすればこれを実現できるのか｡
では､ contact HTMLにアクセスして､ ボタンをクリックすると何が起こるかを考えてみましょう｡
そして実際に検索してみましょう｡
タイトルページに行くと､ 送信ボタンがありますね｡
ですから､ 送信ボタンを押すと､ 理想的にはサーバーに何らかの情報を送ることになります｡
では､ Fコマンドで､ 送信を探しましょう｡
そして見てください､ こっちのようです｡
ちょっと作ってみようか｡
大きくなる､ ただそれだけ｡
だから､ 何が起こっているのかがわかるのです｡
submitタイプのボタンがあり､ これがクリックして送信するボタンであることがわかります｡
だから74行目にあるんです｡
さて､ この一番上に､ フォームと呼ばれるものがありますね｡
そして､ 形があることで､ 私たちは行動を起こすことができるのです｡
これは標準的なHTMLです｡
HTMLが作られたとき､ ページを表示するだけでなく､ このフォームを使ってサーバーにデータを送ることができるようにすることが考えられたのですが､
そのためにこのaction属性を使っています｡
そして､ ここでは､ 置く､ 投稿する､ 取得することができます｡
思い起こせば､ まさにこの通りです｡
このエンドポイントでは､ get または post のいずれかのメソッドを受け付けることができます｡
さて､ getとpostの違いについて詳しく説明する必要はないが､ 良い考え方をすれば､ getでデータを送るには､
単に情報をURLに添付すれば良いということになる｡
こちらも同じですが､ 理想を言えば､ URLで人のメールやメッセージを送りたくないのです｡
理想は､ それほど明確でわかりやすいものではない､ 何らかの本文を通して送ることです｡
そこで､ 今回はpostを使用することにします｡
そこで､ ここにpostというアクションを用意します｡
さて､ これが実際に動作する方法は､ 投稿フォームを呼び出すことです｡ ちなみに､ これはエンドポイントになるものです｡
クリックするとフォームが表示されるように｡
こちらに送信してください｡
このURLで実行されるんだ｡
でフォームを送信するのが基本｡
方法です｡
それがポストです｡
そのため､ アクション投稿フォームは､ Sendをクリックすると投稿されます｡
これを保存して､ 動作することを再確認してみましょう｡
だから､ ここでフォームを送信すると言うことにしています｡
保存する
そして､ とりあえず､ 帰ってくる｡
フォームを送信しました｡
万歳!
戻って､ ちんぷんかんぷんなことを書くだけなら｡
実際にリフレッシュしてみましょう｡
新品であることを確認する｡
送信をクリックすると
あれを見てください｡
フォームが送信されました｡
万歳｡
そして､ ここでのエンドポイントはsubmit formであることがわかります｡
これは､ HTMLファイル内に追加したアクションです｡
もう一度､ デベロッパー・ツールを開いてみてください｡
ネットワークはこちらへ
もう少し小さくしよう｡
送信をクリックすると
私のネットワークで見てみると､ 送信フォームがあるのがわかります｡
クリックすると､ 提出された万歳のための応答が表示されます｡
そして､ ヘッダーに行くと､ ポストメソッドをやったと書いてありますね｡
これは､ 私がサーバーにデータを送ることになります｡
コンテンツタイプは､ URLエンコードのアプリケーションx､ w､ wであることがわかります｡
これは､ 私たちが送ることのできる標準的なデータ型に過ぎません｡
使うとき｡
HTMLのformタグですが､ 今はデータにアクセスできるようになっているので､ その心配はありません｡
ユーザーが送信すること｡
では､ 次のビデオでは､ 私がサーバーに送ったデータをキャプチャして､ パイソンのコードで実際に読み取ってみます｡
次回作でお会いしましょう｡
バイバイ｡