Return to Video

02-18 Add New Endpoints Function

  • 0:00 - 0:05
    greetByPeriodのコードを
    アプリケーションに沿って見てみます
  • 0:05 - 0:08
    今はHelloWorldEndpoints.javaにいます
  • 0:08 - 0:13
    新たな関数greetByPeriodを定義しました
  • 0:13 - 0:15
    引数のnameがあります
  • 0:15 - 0:19
    periodという名の引数もあります
  • 0:19 - 0:22
    名前は@Named periodと少し変わっています
  • 0:22 - 0:26
    私はこの引数をtimeOfDayと呼びます
  • 0:26 - 0:32
    それは@Namedが何であろうとリクエストの中で
    指定されるべきものを示すためです
  • 0:32 - 0:37
    ここでやっているのはnew HelloClassの
    name、timeOfDayを返すことです
  • 0:37 - 0:42
    HelloClassのクラスには作者がいないので
    新たに加えます
  • 0:42 - 0:44
    大変簡単です
  • 0:44 - 0:47
    これが新しく作ったHelloClassです
  • 0:47 - 0:51
    nameとperiodを渡して
    新しいメッセージを作ります
  • 0:51 - 0:55
    Good これはmorningでしょう
    そしてLauren
  • 0:55 - 0:58
    Good morning Laurenとなります
  • 0:58 - 1:00
    そうしたらdevserverで走らせてみます
  • 1:00 - 1:03
    今の変更を保存します 習慣にしましょう
  • 1:03 - 1:06
    そうしたらローカルホストに行きましょう
  • 1:06 - 1:08
    ブラウザから直接APIs Explorerに行きます
  • 1:08 - 1:12
    エラーです いつもこのようなことは起きません
  • 1:12 - 1:17
    “APIコンフィグの取得に失敗
    status:500”と出ています
  • 1:17 - 1:20
    最初は焦ってしまうかもしれませんが
  • 1:20 - 1:22
    コードをチェックしましょう
  • 1:22 - 1:26
    ここにもエラーが出ているのが分かります
  • 1:26 - 1:29
    この表示はエンドポイント関数に
  • 1:29 - 1:31
    何か間違いがあることを意味しています
  • 1:31 - 1:36
    helloworldのエンドポイント関数の
    greetByPeriodはよさそうです
  • 1:36 - 1:39
    何が問題でしょう? なるほど
  • 1:39 - 1:42
    コピー&ペーストのエラーです
    見てください
  • 1:42 - 1:45
    前のメソッドからコピーしています
  • 1:45 - 1:49
    関数の名前を書き換えるのを忘れていました
  • 1:49 - 1:52
    すぐに正しいものに直します
  • 1:52 - 1:55
    2つの関数を同じ名前では表せません
  • 1:55 - 1:59
    実際にはgreetByPeriodです 保存しましょう
  • 1:59 - 2:04
    Javaコードを修正して保存すると通常は
  • 2:04 - 2:08
    修正が自動的にローカルホストに
    伝わるのが分かります
  • 2:08 - 2:11
    これを見てください
  • 2:11 - 2:14
    もう一度実行する必要はありません
  • 2:14 - 2:16
    直接ローカルホストに行きます
  • 2:16 - 2:20
    APIs Explorerをリロードします
    うまくいきました
  • 2:20 - 2:25
    APIをよく見てみましょう
    これは私が作ったgreetByPeriodです
  • 2:25 - 2:31
    名前を入れます ここはafternoonです
  • 2:31 - 2:33
    それではレスポンスを見ましょう
  • 2:33 - 2:38
    ここです Good afternoon
    Good afternoon Buttercupです
  • 2:38 - 2:42
    Buttercupは私が入れた名前です
  • 2:42 - 2:48
    あとindex.htmlとhello.jsのコードも
    見てみましょう
  • 2:48 - 2:54
    index.htmlです
    やらなくてはいけないことがあります
  • 2:54 - 2:59
    新たな入力フィールドを追加することです
    period_fieldと言います
  • 2:59 - 3:04
    greetingのための新たなボタンを確認したら
    hello.jsを見ます
  • 3:04 - 3:07
    enableButtonsは
    新たなボタンの機能を有効にします
  • 3:07 - 3:09
    input_greet_by_periodは新しいボタンです
  • 3:09 - 3:14
    ここで関数greetByPeriodを呼びます
  • 3:14 - 3:17
    またボタンのラベルを書き換えます
  • 3:17 - 3:19
    greetByPeriodを定義する必要があります
  • 3:19 - 3:22
    greetByNameに似ていますが違います
  • 3:22 - 3:24
    name_fieldがあり
    HTMLからnameの値が得られます
  • 3:24 - 3:30
    period_fieldのエレメントから
    periodを得ることができます
  • 3:30 - 3:33
    リクエストを作ります これは関数です
  • 3:33 - 3:36
    引数を指定します
  • 3:36 - 3:40
    引数はnameとperiodです
  • 3:40 - 3:44
    periodと呼んでいたので
    period引数を指定しました
  • 3:44 - 3:47
    periodについては正確に一致するはずです
  • 3:47 - 3:50
    実行します
    前のようにsayHelloCallbackを呼びます
  • 3:50 - 3:54
    そうすると警告ダイアログが現れます
  • 3:54 - 3:57
    メッセージを示します これで全部です
Title:
02-18 Add New Endpoints Function
Description:

02-18 Add New Endpoints Function

more » « less
Video Language:
English
Team:
Udacity
Project:
UD859 - Developing Scalable Apps
Duration:
03:58

Japanese subtitles

Revisions Compare revisions