OK. 돌아올거야.
그래서이 수업은 제가 만드는 것에 대해 매우 흥분한 것입니다.
나는 당신이 그것을 즐기기를 바랍니다.
우리가 실제로 그렇게하기 전에 우리는 첫 번째 급행 앱을 작성하려고합니다.
나는 30 초 걸리고 싶어.
약속하기가 정말 짧을거야.
기존 앱이 어떻게 작동하는지 두 가지 중요한 주제를 검토하여 이미 보여준 개 애플리케이션과 HTP 요청 응답주기의 기본 사항을 검토하십시오.
좋아, 시작해 보자.
먼저 HTP 요청 및 응답에 대해 이야기하겠습니다.
그래서 내가 Google에 닷컴 닷컴에 가면 Enter 키를 누를 때가 기억납니다. HDTV 요청을 보내고 요청에 특정 동사 또는 유형이있는 웹 페이지를 요청하고 있습니다.
GET 요청인지 또는 POST 요청인지 또는 아직 실제로 보지 않은 다른 요청 중 일부입니까?
그런 다음 요청과 함께 일부 데이터를 보내고 요청을받는 서버 Google에 요청하는 서버에 어떤 페이지를 다시 보내야하는지 결정하는 코드가 있습니다.
따라서 Google 홈 페이지를 보내거나 Google 로그온 페이지 또는 G 메일 페이지를 보내거나 페이지에 내 비밀번호가 잘못되었다고 표시됩니다.
서버가 무엇을 돌려 보낼지 결정합니다.
그런 다음 응답으로 응답합니다.
그래서 요청 서버 사이드 코드를 보내서 내가 원하는 것을 파악한 다음, 몇 가지 작업을 수행 한 다음 근본적으로 Express를 사용하여 수행 할 응답을 피드백으로 보냅니다.
그래서 당신이 기억할 수있는이 개 데모 앱을 가지고 있습니다.
매우 잊을 수없는 일입니다.
우리가 연결 한 데이터베이스와 사용자가 데이터베이스에있는 모든 개를 볼 수있는 간단한 앱입니다.
각 개는 이름과 품종이 완전히 쓸모가 없습니다.
하지만 멋지고 간단하며 Express가 작동하는 방식을 보여주는 좋은 예라고 생각합니다.
여기에 몇 가지 코드가 있습니다.
Express가 필요하고 데이터베이스가 필요합니다.
그러나 가장 중요한 것은이 세 개의 덩어리이며 이것들은 랩 (wrap)이라고 불리며, 우리는 우리 자신의 루트와 몇 분의 루트 또는 코드를 듣고, 내가 말한 요청을 수신 한 다음 되돌려 보낼 것을 결정할 책임이있는 코드를 작성할 것입니다 .
그래서이 경우에는 홈 페이지에 대한 요청을 듣고있는 코드가 있습니다. 그런 다음 개를 슬래시하기위한 요청을 수신하는 코드가 있고 슬래시 생성 개에 대한 게시물 요청을 수신하는 다른 코드가 있습니다. 그리고 나서 우리는 몇 가지 코드를 실행하는 경로 내부에 있습니다.
이 경우 우리는 홈 페이지를 렌더링하는 것입니다.
그래서 그것은 우리 홈 페이지의 내용으로 응답 할 것입니다. 홈 페이지는이 파일의 다른 파일입니다.
누군가가 떼어 낸 개를 요청할 때 우리는 모든 개를 찾은 다음 개 페이지를 렌더링하고 개를위한 모든 데이터를 보냅니다.
그와 함께.
누군가 개를 만들면 개를 만들기위한 게시물 요청을 보냅니다.
우리는 데이터베이스에 개를 추가 한 다음 모든 개를 볼 수있는 개 페이지로 다시 연결합니다.
그래서 문법에 너무 겁 먹지 마라. 그러면 모든 다른 조각들이이 글을 한 번에 조금씩 소개 할 것이다.
그러나 모든 것이 시작되는 첫 번째 일은 라우트에 대한 아이디어이며 라우트는 우리 서버에서 수신 된 요청에 따라 다른 코드를 실행할 코드의 일부분입니다.
그러면 서버를 시작하는 다음 단계로 넘어 가게됩니다.
그래서 우리는 apt라는 파일을 실행해야합니다.
예 노드 apt.
네, 그렇습니다.
그리고 나서 그것은 갈 필요가 있습니다.
이 경우 클라우드 9에서 실제로 다른 포트 3000으로 이동합니다.
그러나 제가 3000 번 포트로 가서 새로 고침하면 슬래시 요청을했기 때문에 홈 페이지를 얻었습니다. 슬래시 요청을하면 홈 페이지가 전송되는 코드가 있습니다.
나도 개를 내리면 파문을 일으키기위한 요청을 듣고있는 코드가 있고 개를 모두 돌려 보낸다.
그런 다음 마지막으로 새 개를 만들어 제출하고 그 개를 만드는 슬래시 요청을 보냅니다.
그리고이 코드는 잘못되었습니다.
괜찮아.
이것이 우리가 코드를 작성하기 전에 검토하고 싶었던 것입니다.
한 가지 큰 테이크 아웃은 모두를 통해 완전히 잤다면 하나의 큰 테이크 아웃은 루트가 중요합니다.
Rasner는 특정 요청을 듣고 요청에 따라 다른 코드를 실행하는 방법을 설명합니다.
이제는 당신이 기다리고있는 순간입니다.
잘만되면 당신은 이것을 기다리고 있었을 것입니다.
우리는 첫 번째 익스프레스 앱을 만들어 클라우드 9로 돌아가서 새로운 디렉토리를 만들 예정입니다.
나는 그것을 단지 첫 번째 표현식 앱과 CD라고 부르겠다. 그러면 새로운 파일 앱을 만들겠다. 그러면 우리는 그것을 열어서 우리는 계속해서 우리의 명시 적 앱을 계속 로깅하기 시작할 것이다.
우리는 여기에 가서 저장하고 그냥 실행 해 보겠습니다.
그리고 우리는 콘솔 로그를 얻을 수 있습니다.
이제 익스프레스를 설치하고 익스프레스 선착장으로 돌아 가면 NPM 설치 익스프레스를 실행하는 것을 볼 수 있습니다. 마지막 비디오에서이 비디오에 대시 대시 저장에 대해 이야기 할 것이라고 언급했습니다. 우리는 끝까지 그것을 지킬 것입니다.
Express의 기능에 전혀 영향을 미치지 않습니다.
그래서 우리는 비디오의 뒷부분까지 그것을 남겨 둘 것입니다.
그래서 우리는 익스프레스를 설치하고 LS를 입력하고 싶습니다. 물론 노드 모듈 디렉토리는 없습니다.하지만 NPM을 설치하면 익스프레스를 설치하는데 잠시 시간을 할애 할 것입니다.
이것은 우리가 지금까지 설치 한 다른 것들보다 확실히 더 큰 다운로드입니다.
이제 안전한 LS 노드 모듈 디렉토리가 있거나 정말로 파일 트리를 새로 고칩니다.
내가 표현한 모듈이 보이지 않으며 노드 모듈 대신 많은 디렉토리가 있습니다.
많은 파일과 이것은 우리가 스스로를 작성할 필요가없는 프레임 워크를 만드는 모든 코드의 모든 로직입니다.
그래서 우리는 그걸 막을거야.
그리고 우리가해야 할 다음 일은 우리의 응용에서 표현할 필요가 있기 때문에 멀리 할 것입니다.
익스프레스와 똑같은 익스프레스가 필요합니다.
그러면 모듈 익스프레스를 가져올 것입니다.
그러나 이전의 라이브러리 나 패키지와는 달리 Cat me와 같이 우리는 var Cat me equals와 Cat me must를 사용하고 그것을 사용하려면 Cat me라고해야합니다.
이 경우 고양이 노크는 노크 노크 농담처럼 하나의 간단한 기능 만 수행하는 한 가지 기능을 가지고 있습니다.
Well Express에는 여러 가지 메소드가 많이 있기 때문에 이렇게 표현할 수는 없습니다.
비록 우리가 그것을 실행하고 그것을 대부분의 사람들이 app이라고 부르는 변수에 저장하지만 사용할 것이다.
그래서 var express equals는 express를 필요로하는 express를 필요로합니다. 그리고 express 디렉토리의 모든 내용을 포함합니다. 그리고 우리는 그것을 실행하여 app이라는 변수에 저장합니다. Express와 함께하는 모든 것이 app dot이 될 것이고 express가 오는 몇 가지 메소드가 있습니다.
이제는 익스프레스를 설치하고 초기화 했으므로 이제는 제대로 작동하는지 항상 확인하는 것이 좋습니다.
이제 노드 애플리케이션을 실행 해 봅시다.
예.
우리가 실수를하지 않는 한 아무 일도 일어나지 않아야합니다.
우리가 갈 수 있다는 것을 의미합니다.
이제 우리는 첫 번째 경로를 정의 할 것입니다.
우리는 아주 간단한 응용 프로그램으로 만들 것입니다.
당신이 슬래시로 갈 때 당신은 안녕을 말하는 메시지를 얻을 것입니다.
그리고 작별 인사를 하시거나 그냥 사세요. 작별 인사를하는 메시지가 나옵니다.
그리고 또 한 번 더 해보십시오. 개를 내리면 야옹을 말하는 메시지가 나옵니다.
그래서 3 개의 서로 다른 경로를 통해 우리는 요청할 수 있으며 우리가 요청하는 곳에 따라 3 가지 다른 응답을 얻을 수 있습니다.
따라서 경로를 정의하는 구문은 다음과 같습니다.
이 첫 번째 작업부터 시작하겠습니다.
거기서 높은 곳에 우리는 app dot을 작성하여 두 개의 다른 매개 변수를 취합니다.
첫 번째는 유로 또는 슬래시 경로입니다.
이 경우 사용자가 요청을 할 때 경로를 만들려고하기 때문에 여기서 얻은 정보는 나중에 게시물을 볼 수 있으며 리드 및 패치를 업데이트하고 다른 HTP 동사를 추가 할 수도 있음을 의미합니다.
그러나 게시물을 얻는 것이 가장 보편적입니다.
따라서 루트 경로 또는 경로라고도하는 요청을받을 때 얻을 수 있습니다.
그런 다음 우리는 콜백 함수 인이 코드를 실행하기를 원하며이 콜백 함수는 서로 다른 두 개의 인수 요청과 응답을 취합니다.
다시 말하지만 그것들은 우리가 그들에게 전적으로 부름을 받기를 원합니다.
그러나 당신은 이것을 가장 자주 보게 될 것이고 나는 공식적인 문서에 대해 rez에서 req를 사용하고 있다고 생각합니다.
어떤 사람들은 실제로 요청과 응답을 모두 출력하지만 실제로는보고자하는 것이 훨씬 일반적입니다. Reds는 실제로이 함수 요청의 내부에있는 객체입니다.이 경로와 응답을 트리거 한 요청에 대한 모든 정보가 들어있는 객체입니다 우리가 응답 할 것에 대한 모든 정보를 담고있을 것입니다.
그래서 조금 훑어 보면 로그가 보일 것입니다.
하지만 시작하려면 rez dot send를 써야합니다.
안녕.
그리고 이것은 텍스트로 응답하는 방법 일뿐입니다. 일단 앱이 시작되면 앱의 페이지로 이동하면 텍스트가 표시되기를 기대합니다.
안녕하세요, 브라우저에서 우리에게 인쇄했는데, 아직 작동하지 않습니다.
왜냐하면 내가 Express에서 코드의 한 부분을 잃어 버렸기 때문에이 노트 앱을 실행하면 아무 일도 일어나지 않기 때문입니다.
우리는 실제로 그것을하기위한 다른 요청을 듣기 위해 코드를 작성해야합니다.
EXPRESS는 듣기라는 메서드를 제공합니다.
좋아.
Apt up을 듣고 우리가 듣기 위해 포트를 제공해야하고, 여기서 나의 예를 보여 드리겠습니다.
저는 3 천 포트를 듣고 있었지만 우리가 구름 9 위에 있었기 때문에 조금씩 다르게해야합니다.
우리는 NVI 포트를 프로세스에서 청취 할 필요가 있습니다.
그래서이 코드는 실제로 우리가 사용해야하는 클라우드 9 서버의 수를 반환한다는 것을 제외하고는 3000과 같은 숫자를 반환합니다.
그래서 이것은 변수입니다.
환경 변수 라 불리며 작업중인 환경 변수를 포트라고합니다.
이렇게하면 숫자가 반환되지만 숫자를 하드 코드하지는 않습니다.
그것은 구름 9에서 오는 것입니다.
EMV IP 프로세스가 통과해야하는 또 다른 정보가 있습니다.
그리고 이것은 앱에서 복사하여 앱에 붙여 넣을 수있는 선입니다.
우리는 Express를 사용하여 작성한 모든 응용 프로그램의 맨 아래에서 사용할 것입니다.
그래서 우리가 사용해야하는 쿠키 커터 라인 중 하나입니다.
이는 명시 적으로 특정 포트에서 클라우드 9가 원하는 특정한 IP를 듣고 클라우드 9가 기대하는 특정 IP를 요약하여 알려줍니다. 우리는 명시 적 안전을 해당 지역에 초기화했습니다. 우리가 슬래시를 요청할 때 단일 라우트를 정의합니다 .
우리는 브라우저에서 응답으로 되돌아온 것을보아야하며 라우트를 정의하는 것으로 충분하지 않습니다.
그런 다음 특정 포트에서 IP 주소를 수신 대기하도록 앱에 지시해야합니다.
이제 파일의 전체 내용을 실행할 노드 응용 프로그램으로 서버를 시작하면됩니다.
커서가 바뀌는 것을 볼 수 있습니다.
서버가 시작 되었기 때문에 실제로 명령을 입력 할 수 있습니다.
이를 향상시키기 위해 우리가 할 수있는 일이 하나 있습니다.
그래서 Control-C를 사용하면 콜백 함수를 APT에 전달할 수 있습니다.
그리고 여기에서 우리는 로그 서버가 바로 시작되었다는 것을 취소하고 서버를 다시 시작하고 서버를 다시 시작하도록 저장합니다. 서버가 시작되었음을 알리는이 메시지를 받으면 우리 영사와 무슨 일이 일어나고 있는지 분명히 알 수 있습니다. 지금 내가 현지 호스트 Colan 3000 Clubine에 실제로 갔던 개성과 숭고한 데모와 함께 보여주게되었던 지방의 버전과 달리이 사이트를 찾아가는 것은 실제로 당신 자신이 온라인으로 주인 노릇을했다. 그리고 당신은 프리뷰를 클릭하고, 새로운 탭이 열립니다.
그리고 우리가 원한다면 우리는 여기서 탭을 사용할 수 있습니다.
역할을 복사하고 새 탭을 열고 붙여 넣어서 클라우드를 거치지 않고 브라우저에서 실제로 사용할 수 있도록합니다. 9 가짜 브라우저이므로 가깝기 때문에 내 역할을 볼 수 있습니다. 내 작업 공간 웹 dev의 이름입니다 캠프 대쉬 내 사용자 이름 도트 C - 9 점.
그래서 당신이 그 작업 공간에서 제공하고있는 것은 무엇이든 지금 바로이 하나의 파일입니다.
첫 번째 익스프레스 앱 대신 네가 9 개의 작업 공간과 그보다 더 흥미 진진한 클라우드를 만들 때 자동으로 무료로 제공되는 행에 예가 표시됩니다.
우리는 우리가 거기서 높아지는 것을 볼 수 있습니다.
그것은 작동하고 그냥 서버의 루트에 요청을 슬래시.
그리고 나는 거기서 높아지고 있습니다.
그리고 우리가 이와 같은 다른 일을 시도하면 당신은 내가 추가 한이 길을 얻을 수 없다는 메시지를 받게 될 것입니다.
이제 다른 것을 추가하십시오.
똑같은 패턴.
구매 경로를 시작합시다.
그래서 우리는 앱이 슬래시를 얻지 않기를 원한다.
그리고 우리의 기능 요청은 그와 똑같은 반응을 보입니다.
그리고 우리는 빨간 점들과 작별 인사를 보내서 그것을 저장합니다.
이제 우리가 구매를하고 가격을 입력하십시오.
여전히 작동하지 않는 것을 볼 수 있습니다.
서버를 다시 시작해야하기 때문입니다.
따라서 우리는 서버를 다시 시작해야 할 때마다 약간의 변경을해야합니다.
지금은 계속해서 다시 시작할 필요가 없도록 도와 줄 도구를 보여 드리겠습니다.
하지만 지금은 Abdulle J.S.라는 노드를 사용해야합니다. 우리가 슬래시에 가면이 시간을 다시 저장하거나 새로 고칩니다.
나는 이제 작별 인사를 듣고 내가 뿌리를 뽑으면 나는 거기서 높다.
그럼 이제 한 번 더 해보 죠.
다시 가자.
이렇게 apt는 sloshed 개를 얻거나 요구와 응답으로 회귀하고 그 대신에 우리는 반응하기 위하여려고하고있다.
RAZ 그리고 야옹.
나는 무엇을 생각하고 있었다.
왜 나는 야옹을 했지?
좋아, 나는 그걸로 갈거야.
확실히 여성이 있어야하지만 서버를 다시 시작하면 Control-C를 다시 시작하고 화살표를 누르면 다시 JSC를 실행 한 다음 여기 다시 새로 고칩니다.
그리고 지금 나는 개를 내쫓아 가서 나를 데려다 줘. 그리고 나는 문 안녕히 가도록 갈 수있다. 그리고 나는 아무것도 내리지 않고, 거기에서 높게 갈 수있다.
이것이 바로 첫 번째 급행 앱을위한 모든 것입니다.
계속하기 전에.
우체부를 열고 응용 프로그램을 테스트 할 것입니다.
그래서 우리는 요청을 할 것입니다. 그리고 우리는 슬래시 개 라우트로 그것을 테스트 할 것입니다. 로컬 호스트가 아닌 3000 개 슬래시 개가 이것을 요청합니다. Arel slash dog.
그래서 나는 이것을 복사해서 우편 배달부로 돌아가서 당신이 엘렌임을 붙여 넣을 것입니다.
그리고 우리가 다른 작업을하기 전에이 크기를 조정하고이 창 크기를 조정할 수 있다는 것을 알고 있습니다.이 웹 크심 부트 캠프 대시에 콜트 C9 Daddy-O 슬래시 개가 있음을 알기 위해이 작업을 닫거나 축소 할 수 있습니다.
이것은 또한 자신의 클라우드 9 카운트와 일치합니다.
그리고 내가 할 일은 내 응용 개 대신 Dalt 로그를 추가하는 것입니다.
그리고 누군가가 개를 내리려고 요청 했다며 우리는 그것을 저장하고이 콘솔 블로그는 여기에 나타날 것입니다.
JavaScript 디버깅 콘솔 내부의 브라우저에는 나타나지 않습니다.
정면과 사각. 여기서는 노드 콘솔에 나타나며 노드 앱을 실행하여 시작했습니다.
예.
따라서 서버를 다시 시작하면이 페이지를 여기로 이동하면 페이지가 새로 고쳐져 다른 페이지로 이동하고 새로 고침을 할 수 있습니다.
그리고 지금 내가 개를 내리거나 개를 내려 보면 누군가가 Slashdot에 요청을했다고합니다.
따라서 요청을하는 즉시 코드가 실행되고 브라우저에 의해 트리거 될뿐만 아니라 지금 표시 할 우편함을 사용하여 코드를 실행할 수 있음을 보여주는 것입니다.
그래서 내가해야 할 일은 여기에 들어가거나 보내면 다른 것이 있습니다.
누군가 개를 내리려고했지만 전체 화면 우편 배달부에게도 요청했습니다.
이제 반송 된 내용을 살펴 보겠습니다.
그래서 시체는 단지 야옹입니다.
나는 내가 지금 무엇을하고 있는지 생각하지 않는다. 그러나 우리는 어떤 텍스트를 다시 맺어 낸다. 그리고 우리는 똑같은 길을 가고 요청을 보내고 우리는 거기서 높이 올라갈 수있다. 우리는 또한 할 수있다. 에 의해 슬래시.
그리고 우리도 똑같은 것을 얻습니다.
따라서 브라우저에서 보낸 요청이 어디서 왔는지는 중요하지 않습니다.
그것이 어딘가에있는 터미널이나 우편 배달부 같은 것이면 브라우저가있는 전화는 중요하지 않습니다.
Google 서버는 세 가지 경로에 대한 요청을 수신하는 중입니다.
Dog by와 route route 그리고 요청이 도착하면 간단한 텍스트로 응답합니다.
괜찮아.
이것이 앱을 소개하는 첫 소개에서 다루었습니다.
나는 그것이 정말로 아주 간단하다는 것을 알고 있습니다. 그러나 그것은 어플리케이션으로는별로 중요하지 않습니다.하지만 우리가 할 순서는 매우 신중합니다.
우리는 작게 시작하고 있으며 앞으로 추가 할 몇 곡씩 HQ 메일 파일에 응답 할 때마다 한 장씩 추가 할 것입니다.
따라서 전송을 읽는 대신 H.T의 전체 파일을 보내는 데 사용할 다른 방법이 있습니다. mail로 돌아가서 라우트 (Raut) 변수 또는 경로 변수 (path variable)라는 개념을 소개합니다.