どちらか。
お帰りなさい。
そこでこのレッスンでは、私たちのキャンプの使い勝手を向上させることに重点を置いています。
現在、ユーザーにフィードバックやエラーメッセージ、成功メッセージなどを提供するのは難しいことです。
そして、災害によって私はそれが全く存在しないことを意味します。
明らかにユーザーが見ることのできない評議会ログがあります。
私たちは、サーバーが稼動していても他の誰もそれが見えていないここの領事館の開発者としてそれを見ています。
だから私たちはいくつかのメッセージを追加することに焦点を当てるつもりです、そして、私はちょうどそのように見えるものをあなたに示します。
私がそれをする前に、今私はそれらについて今話す3つの主な目的があります。
だから私はそれをデモしたい。
まず、どのように動作するかを見てどのように見えるかを示してから、実際にconnect flashというパッケージをインストールして設定します。
だから私たちがやっていることは、フラッシュやフラッシャーに別の代名詞のフラッシュを追加して人々がそれを呼び出すことです。
他のフレームワークでは、フラッシュハッシュ。
人々はそれをフラッシュメッセージと呼びますが、基本的には、正常にログインしたか、またはログアウトに成功したようなメッセージをユーザーに表示します。
あるいは、あなたのような何かがそれを行う許可を持っていないかもしれません。
または、そのようなキャンプ場を追加する前にログインしてください。
私たちは一度だけそれをユーザーに見せたいと思っており、ページ上の永続的なフィクスチャーであることを望んでいません。
私たちはそれらを1回だけフラッシュし、次のページに行くか、ユーザーがリフレッシュした後、最後にフラッシュメッセージをヘッダーに追加し、スタイルを設定するブートストラップクラスを追加します。
だから、ブートストラップを使ってやり方をする方法がいくつかあります。
これは、ブートストラップに利用されるスタイリングがいくつか組み込まれているあらゆる種類のサイト上で、あなたのユーザーにフラッシュされるメッセージを持つような共通の機能です。
だから、私はそれがどのように見えるかを見せ始めます。
だから私はキャンプを実行している。
私はうまくいきます私が今すぐログアウトすると私はあなたを見せます。ログアウトするとフリーザーとしてサインインしています。私はloungyというメッセージを得て、そのメッセージテキストを変更することができます。
明らかに私がログインしていないときに新しいキャンプ場を追加しようとすると、サインインする必要があるというメッセージが表示されます。
そして、それがここに読まれていることに注目してください。
それはブートストラップクラスです。
私がページがなくなると新鮮になってしまうというこの警告が出ます。
だから私が試してサインアップしようとすると、すでに存在するrestiとしてサインアップする必要があります。
だから私は過去にそれをすることができないはずです。
ページはちょうどリフレッシュされます。
しかし、最終的には、指定されたユーザー名を持つユーザーが既に登録されているというメッセージが表示されます。
OK。
だから私は新しい誰かとしてサインアップしましょう。
大失敗をやろう。
私は今野菜から家電製品に移ってしまいました。メッセージの成功に成功しました。
あなたをBundに会えてよかった。
そして私がページをリフレッシュすると、それは消え去る。
だから、私たちはそれらのメッセージを持っている他の場所がありますが、私はあなたを見せます。
たとえば、私が所有していないこのキャンプ場を試して編集するとします。
Taterのトートはそれを所有しています。
私はこのミキサーにログインしています。
それは隠されているのでここに編集に行くためのリンクがありません。
しかし、技術的には私はまだあなたがそれを行う許可を持っていないというメッセージが表示されたところでそれをスラッシュにすることができます。
ここで私をリダイレクトします。
コメントがあったのと同じこと、ここにコメントがあり、それが他の人によって作成されていれば
私が手動でそのリンクに行き、それにスラッシュを追加すると、メッセージも表示されますが、それはIDを見つけなければならないため、多くの作業です。
そして、とにかく私は今それに入ることを望んでいませんが、それはあなたがそれを行う許可を持っていないと言う、私たちが追加するのと同じビットのコードになります。
最後にログアウトして戻ってみると、新しいコメントを追加してみると同じメッセージが表示されます。
あなたはそれを行うためにサインインしなければなりません。
私がそれに署名していないときに私がキャンプ場を作ろうとしたのと同じように。
OK。
それが最終目標であり、実際にはこの作業を行うのはかなり簡単です。
このパッケージを使用すると、もちろんパッケージを使わずに、これを行うことができます。
正しいバージョンを開くとき。
だから私はこのバージョン11のために新しいバージョンを作りました。
それでvを見てみましょう。 11私はすべてをクリアしてはいを開くことができます。
OK。
だから私たちはここで働くだろう。
もう一度これはV 11です。
私が最初にやることは、使用するパッケージを示すことです。
Kinect flashと呼ばれています。
そこにはこれを行う他のパッケージがありました。
あなたがget home repoを見れば、ドキュメントは実際は少し古くなっています。
私たちは2015年の早い時期にExpressを使用しています。
ドキュメントでは、ExpressがXを指し、3つのポイントXが次に使用されます。
したがって、これらの手順はまったく同じではありませんが、Connectのフラッシュに戻ると、最初の外部リンクの一部が表示されます。
K'NEXのフラッシュを使って私がすでに見たことがあるか、あるいはこれのようなものをいつも使うことができました。その後、同じリンクが得られ、チュートリアルがあります。あなたは見てみたいです。
だから早くこれをやった。
新しいことが起こったときにコードが更新されていることを知っているとき、何かをする必要があります。
特にExpress 4のようなもので。 物事がかなり大きく変化する0。
Expressの一部であったものの多くは、別のパッケージとしてエクスプレスの外に移されました。
命名と構文の一部が変更されました。
エクスプレスでExpressに追加していないことをあなたの検索に追加しようとしているときに、何かをやってみると、あなたはそれが素晴らしいチュートリアルを見つけることが多いので、
2年前の90％は同じですが、現在のExpressと比較して2年前とどのように違うのかを理解するためには、10％が本当に重要です。
大丈夫。
ですから、まずこのパッケージをインストールしてください。
だからそれはコネクトフラッシュと呼ばれています。
だから私たちは、NPMインストールダッシュダッシュを保存するダッシュフラッシュを保存します。
OK。
これでこれが完了したので、Flashで追加します。
私たちはちょうどそれを接続するフラッシュよりもむしろフラッシュと呼ばれる接続ダッシュフラッシュが必要です。
我々はそこにコンマを持っていることを確認して、私たちがする必要があるのは、明示的にフラッシュを使用するようにアプリに指示することです。
そこでK'NEXのフラッシュの内容をパッケージに入れ、フラッシュ変数に保存しました。そのような変数のアプリでフラッシュを実行する必要があります。
それで技術的には私たちがする必要があります。
Connect
Flashがインストールされていますが、ドキュメントを見るとセッション中にCookieパーサーで行う他の設定がありますが、既に実際に行っているところで設定しています。
あなたは明示的なセッションをどこに要求していますか？私たちは秘密を設定しています。
そして、実際にはExpressセッションを使用するようにアプリを設定しているので、実際には心配する必要はありません。
われわれがやることは、フラッシュの内容を表示するすべてのページにあるからです。
私たちはそこにあるメッセージを取るつもりです。
それは良いかもしれないかもしれないか、またはそれは空であるかもしれないかもしれない悪いかもしれません、そして、私たちはページの上にそれを示して、それは私たちのヘッダーファイルで起こります。
E. J.
はい、エラーや成功メッセージを表示するだけのコードがあります。エラーやメッセージが欲しい場所がある場合は、キャンプ場や私たちのキャンプ場の代わりに、ミドルウェアにログインしていて、あなたがログインしていない限り、新しいキャンプ場を追加することはできません。
私たちがミドルウェアに行って見てみると、ログインしている場合、ログインする必要があるというメッセージが表示されるか、ログインしてください。
そのコードはここに行くでしょう。
だから私たちがログインをスラッシュにリダイレクトする直前に、フラッシュに何かを追加するつもりです。
だから、これは実際にドットフラッシュを要求するように見えます。
そしてそれを鍵にすることができます。
だから私はあなたを見せてくれるでしょう。
私たちは成功と失敗を使用しています。そのメッセージを使用して、警告メッセージが緑色か赤色かを判断します。
その部分は今のところ問題ではありませんが、この部分はメッセージの中でどこに渡すかという問題です。
だから、最初にログインしてください。
これもミドルウェアに記録された内部です。
したがって、ユーザーがログインしている場合にリクエストが認証されているかどうかを確認しています。
それから、前に何をしていたのかを続けてください。
しかし、スラッシュにリダイレクトする前にそうでない場合は、ログインしてください。
はい、ログインしてスラッシュにリダイレクトするかどうか覚えておいてください。
この行がなければ、それはちょうど行く。
私はルートを開く必要がありますが、すぐにここにあるコードとスラッシュログオンに行くでしょう。
それで、私たちはこのコードのフラッシュを実行するつもりですが、それを行う前にログインを表示します。
これは基本的なものです。最初にログインしてください。それがフラッシュに追加され、次のものが表示されるまで表示されません。
この場合、実際には何もレンダリングされず、ログインするだけでなく、Flashが動作する方法は、ただちに即座にフラッシュされるわけではありません。
それは機能するだけで、次のページに表示されます。
だからあなたはリダイレクトする前にそれを実際に行います。
したがってこの場合、最初にログインしてからスラッシュにリダイレクトしてからログとフォームにリダイレクトして、メッセージが表示されるようにしてください。
今は表示していません。
したがって、この行を追加するだけで、次のリクエストでこれにアクセスできるようになります。
だから私たちはすぐにそれを点滅させていません、私たちはユーザーに何も表示していない何かを見ていません。
これは、フラッシュではなく、成功ではなく、私はそれがフラッシュでこのエラーを呼び出すことがより理にかなっていると言います。次のリクエストのためにまずログインしてから、スラッシュログオンにリダイレクトしてください。
それではログオン時にこれを処理しなければなりません。ここでログオンします。
だから私はメッセージのようなものをすることができます。
そして、もちろん、私はちょうど私達がちょうど私たちのテンプレートにそれを表示することができますので、ヒューズログインの内側にスラッシュログインすることができますそれを混乱させるメッセージがある場合は、
はい、まさにトップです。ちょうどそのようなメッセージを表示するH-1を持つことができます。
非常に新しいものはありません。
だから私はちょうど今のように見えるものをあなたに示します。
サーバーを立ち上げてスラッシュにリダイレクトしてログインすると、毎回このエラーメッセージが表示されます。
あなたはそれを台無しにした。
あなたがこの時点で期待していたことが分かるように、私たちがログインするたびにハードコードしたので、あなたはそれを混乱させるのを見ます。
それでは、フラッシュを使って、私たちができることは、メッセージがフラッシュの要求と等しいと言うだけで、フラッシュでエラーを行うことができます。
だからちょっと混乱します。
しかし、基本的には、私がページをリフレッシュしてサーバーを再起動し、フラッシュにエラーが発生しないようにリフレッシュすれば、今考えています。
実際には何も見ません。
しかし、このコードをここで実行すると、このミドルウェアが呼び出された場所にログインする必要がある場所にアクセスしようとしているときに、このコードをフラッシュに追加するということが起こります値のキーエラーが最初にログインしてからログインしてください。
それから、スラッシュログオンの内部では、接続する必要のある多くのものがあり、少し紛らわしいことですが、フラッシュエラーのメッセージ要求のキーの下で送信しています。
しかし、私は今あなたを見せてあげましょう。
だから私は再起動します。
私は実際には今度はそれをする必要はありませんでしたが、私たちは何も見ません。
私がキャンプ場に行き、私がログインしていなくても新しいキャンプ場を追加しようとしましょう。
そして今、私はその前にはなかったログインしてください、そして私がページをリフレッシュすると、それは消えていくというメッセージを受け取ります。
Flashを使用して達成できるものの、本当にシンプルなバージョンです。
だから次のビデオでは、すべての異なるメッセージとスタイリングでこれを実装する前に、
どのようにこれが再び機能するかを要約しましょう。
ですから、成功メッセージであれエラーメッセージであれ、メッセージを表示したいときはいつでも、ここでこの行を使用します。
リクエストをフラッシュします。
そして、リダイレクトする前に、キーと値を渡します。
私たちがリダイレクトした後にこの行を置くことは本当に重要です。
それは動作しません。
したがって、リダイレクトする前に、それをテンプレートで処理しなければならず、リダイレクトする前にいくつかのデータを追加することができます。
それは次のルートになります。
そして、そのデータは、そのルートへのすべての単一の要求に存続しません。
それは一度のことです。
これがFlashと呼ばれる理由です。
OK。
そこで次のビデオでは、これを実際に実装する方法を説明します。実際にこれを行う必要はありません。
私たちが赤と緑を入れたいならば、私たちは赤と緑のメッセージを持つことができるブートストラップでスタイルをうまく考えることができるすべてのテンプレートにメッセージを渡します。
OK。
それは次のビデオにあります。
を参照してください