우리가 할 첫 번째 일은 양식에서 양식 데이터를 얻는 방법을 파악하고 양식으로 돌아가서 입력에 필요한 작은 것을 하나씩 바꾸어 이름과 이름을 지정해야합니다. 여기에 입력 한 내용은 경로 내부에서 살펴 보는 핵심 요소입니다.
그리고 나는 좋은 이름이 단지 이름 일 것이라고 생각하지만, 나는 약간 혼란 스럽다고 생각합니다.
그럼 그냥 새로운 친구를 사귀자.
따라서이 경우 Bob의 값은 요청 본문에 전송되고 요청 안에는 새 친구라는 단일 속성이 있습니다.
그리고 Bob이보기에 조금 더 편하게 해줄 것입니다.
미국에 ADD 친구에 대한 게시물로 이동하여 로그 요청 점 본문을 취소하고 본문 요청을 요청 본문의 모든 데이터가 포함될 개체로 보겠습니다.
그리고 우리가 포스트 요청을하는 폼을 가지고있을 때 폼 데이터가 요청 바디에 모두 넣어지면 우리 익스프레스 EP에 도착하고 요청 바디라면 그것을 빼내고 싶다는 것을 기억하십시오.
요청 본문을 인쇄하면 새 친구가 Bob과 동등한 것입니다.
그러나 그것은 우리가 하나의 작은 조각을 놓치고 있기 때문에 효과가 없을 것입니다.
먼저 빌리에 추가하자. 나는 새로운 친구를 사귀었다.
우리는 당신이 게시물 경로에 도달하고 우리가 여기에 일정한 로그를 얻게되면 몸은 정의되지 않습니다.
Express는 기본적으로 우리에게 요청을 생성하지 않기 때문입니다.
우리는 명시 적으로 요청 본문을 가져 와서 body라는 요청을 사용하기 위해 javascript 객체로 변환 할 필요가 있습니다.
그렇게하기 위해 실제로 Body parser라는 패키지를 설치해야합니다.
따라서 NPM 설치 바디 대시 파서 대시 대시 저장 및 신체 자세는 일종의 표현으로 번들로 묶인 표현의 안팎으로 사라졌습니다.
별도로 설치할 필요가 없었습니다.
이제 우리는 모든 앱에서 사용할 수있는 기능을 제공합니다.
우리가 사용자가 데이터를 입력하는 양식을 서버 측에서 추출하려는 경우가 거의 언제든지 있습니다.
우리는 바디 파서 (body parser)를 사용할 필요가있다.
확인만으로는 설치하기에 충분하지 않습니다.
우리는 그 때 그것을 여기에서 요구할 필요가있다.
그래서 당신의 바디 파서는 물론 Adi Dasch 파서가 필요합니다. 그런 다음 우리가해야 할 다음 일은 body 파서를 사용하여 익스프레스에 말하도록하는 것입니다. 이렇게하면 응용 프로그램에서 body 파서를 사용할 필요가 있습니다. 패키지의 본문 부분을 작성한 다음 인코딩 된 URL을 작성해야합니다. 여기에서 대신 확장 된 내용을 작성하려고합니다.이 비디오를 너무 세세하게 들여다 보지 않으려 고합니다. 당신이 질문이있는 경우에 당신은 몸 부속 또는 docs에 가고 당신이 el uncoated 인 무슨을에 관하여 확장 한 진실한 무슨을에 관하여 읽을 수있다.
그것은 모든 시간을 볼 정직하게 단지 대부분의 시간을 복사하고 붙여 넣는 그 선들 중 하나입니다.
이제 코드를 변경하지 않고 서버를 다시 시작하면 설정을 완료 할 수있게되었습니다. 이제 친구를 추가하면됩니다. 우리는 끊임없이 요청을 받고 있습니다.
이제 우리가 새로 고침하면! 형식 슬래시 친구에게 돌아가서 Linda라는 친구를 추가하겠습니다.
나는 새로운 친구를 사귀었고 우리는 죄책감을 보았다. 우리는 요청을 봅니다. Adi는 이제 대상이되고 파티 파서로부터옵니다.
따라서 Buddy 파서는 요청 본문을 가져 와서 새로운 친구가 Linda와 동등한 javascript 객체로 파싱했습니다.
그래서 우리가 실제로하고 싶은 것은 새로운 친구를 요청하는 것입니다.
그리고 그것은 우리가 그 형태 안에있는 것의 가치를 줄 것입니다.
새로운 친구는 이름 속성인데 우리가 여기에 입력 한대로 입력에 설정 한 이름 속성 때문에 우리가 경로 내부에서 그것을 찾아야 할 필요가 있다는 것을 기억하십시오.
우리는 단지 로그를 취소하고 싶지는 않습니다. 우리가 원하는 것은 실제로 여기에 정의 된 friends 배열에 추가하는 것입니다.
따라서 가장 먼저 할 일은 새로운 변수를 만드는 것입니다. 우리는 그냥 새로운 친구라고 부를 것이고 우리는 요청한 신체의 새로운 친구를 저장 한 다음이 배열에 추가하려고합니다. 그러나 불행히도 우리는 친구 만 할 수 없습니다 친구가이 함수 대신 정의되는 범위 문제가 있기 때문에 새로운 친구를 밀어 넣지 마십시오.
그리고 여기에는 친구들과 같은 것이 없습니다.
매우 슬픈 세상입니다.
친구가 없습니다.
따라서 이것을 복사하여 모든 경로에서 보이는 곳으로 옮겨야합니다.
그리고 이것은 우리가 오랫동안하지 않을 것입니다. 왜냐하면 이것은 단지 친구의 배열이고 새로운 친구를 추가 할 수 있기 때문입니다. 그러나 서버가 멈추 자마자 그들은 사라져 버리고 값을 조정하기 위해 재설정 할 것입니다.
곧 데이터베이스를 사용할 것이므로 범위 지정 문제에 대해 걱정할 필요가 없습니다.
지금은 모든 경로에서 액세스 할 수 있도록 경로 외부로 이동해야합니다.
그래서 이제 친구들이 새로운 프랑스 인을 밀어 붙이기를 멈추고, 나는 당신에게 그것을 보여줄 것입니다.
이제 서버를 다시 시작하여 여기에있는 양식으로 돌아갑니다.
페이지를 새로 고침하고 Jeanne을 추가하십시오.
나는 새로운 친구를 사귀었고 우리는이 길로 간다.
이제 우리가 친구들에게 돌아 가면 Jean이 추가 된 것을 볼 수 있습니다.
그래서 이것은 우리가 새 친구의 시체를 요청할 때 작동하는 것을 의미합니다.
그리고 우리는 또한 열광적 인 배열로 그것을 밀어 넣고 있습니다. 그리고 우리는이 반응을 보냅니다.
그러나 우리가 새로운 친구를 추가 한 후에 이런 종류의 반응을 원한다는 것은 매우 드뭅니다.
대부분 우리는 이것을보고 싶지 않습니다.
보통 우리는 단지이 페이지로 돌아가서 새 친구를보고 싶습니다. 우리가 할 수있는 일은 보내거나 렌더링 대신 리다이렉션과 리다이렉션이라는 rez에 nother 메소드를 사용할 수 있다는 것입니다.
경로 이름을 사용하십시오.
그리고 우리의 경우에는 슬래시 친구를 사귀십시오. 그들은이 경로로 리디렉션 할 것이고 슬래시 친구 경로 안의 코드를 실행하게됩니다. 프랑스어 서식 파일을 렌더링하고 친구들의 가치를 전달하는 것입니다.
이제 서버를 다시 시작하고 페이지를 새로 고침하면 이제 새 친구를 추가합시다.
티나와 히트 나는 새로운 친구를 사귀었고 티나가 추가 된 것을 볼 수 있습니다.
우리는 단지이 페이지 전체에 머물러 있지 않다는 것을 기억하십시오.
이걸 보시면 여기 다시 보죠.
Jeanne을 추가합시다.
나는 새로운 친구를 만들었습니다.
페이지가 일시적으로 새로 고침되는 것을 볼 수 있습니다. 그 이유는 게시 요청이 너무 많이 게시 된 다른 곳으로 게시물 요청을 보내고 있기 때문입니다.
광고 친구가 여기 약간의 논리를하고 있습니다.
그런 다음 이미 우리가 이미 가지고있는 경로와 같은 경로로 다시 똑같은 페이지로 리디렉션합니다.
그래서 거의 눈에 띄지 않게됩니다. 잠시 동안 페이지 깜박임을 보게 될 것입니다. 그리고이 작은 아이콘이 페이지가 되돌아 오는 공짜입니다.
그러나 서버를 다시 시작하면 친구 배열의 값이 다시 돌아갑니다.
따라서 우리는 모든 친구들을 잃고 우리는 우리의 데이터에 영속성을 갖지 못합니다.
우리 중 일부만 데이터베이스에 접속하면 문제를 해결할 것입니다.
승인.
우리가 여기서 다룬 모든 것에 대해 간단히 설명해 드리겠습니다.
우리가 얘기 한 첫 번째 일은 게시 경로를 설정하는 것이었고 우리가해야만하는 일은 앱 게시물뿐이었습니다. 단지 특정 행에 대한 게시물 요청에 의해서만 트리거되는 것을 제외하고는 apt처럼 작동합니다.
그리고 나서 우리는 우편 발송자가 우편 발송 요청을 보낼 수있는 방법을 보았습니다. 그런 다음 우체국을 사용하여 우편 요청을 요청할 수 있음을 알았습니다.
그런 다음 양식을 사용합니다.
양식을 보내면 조치와 방법을 제공해야합니다. 나이를 내 양식과 이야기 할 때이를 일찍 소개합니다. 나중에이 과정에서 어떤 행동과 방법이 의미하는지, 어떤 게시물에 대해 더 많이 알 수 있다고 언급했습니다. 요청은 요청에 대한 요청입니다.
그래서 지금은 포스트를 얻는 것과이 액션이 의미하는 것과 어쨌든 어떤 루트가있는 것 사이의 차이에 대해 조금 더 희망적으로 이해하기 시작한 그 때입니다. 그래서 우리는 포럼을 가지며 그것에는 하나의 입력이 없으며 input에 name 속성과이 name 속성을 추가했습니다.이 속성은 새 친구로 값을 설정했습니다. 데이터가 요청 본문에 추가되는 방식입니다.
따라서이 양식의 가치가 무엇이든간에 제출하면 Tina는 새로운 친구의 이름으로 보내질 것입니다.
그리고 우리기구의 내부에서 NPM 설치 바디 퍼서 (body purser)를 설치해야만하는 바디 파서 (body parser)가 포함되어있는 경우에만 bodycount 새로운 친구를 요청하여 추출 할 수 있습니다. 그런 다음 우리 앱에 사용하도록 알려야했습니다.
그래서 파서를 사용하면됩니다.이 전체 라인은 항상 보입니다. 파서는 요청 바디를 가져 와서 여기에서 사용한 것처럼 사용할 수 있고 액세스 할 수있는 javascript 객체로 파싱합니다.
그리고 마지막으로 새로 발견 된 것은 redstart redirect였습니다. redirect redirect는 슬래시 친구처럼 알 수 있습니다. 그러면 해당 경로가 다시 실행되고 슬래시 친구 경로 안의 모든 코드가 실행됩니다.
알았어 다음 수업에서 보자.