nodejs를 실행하는 방법 다리미/디렉터 예

나는 https://github.com/flatiron/director#client-side 예제를 실행하여 director.js에 익숙해 지려고했습니다.nodejs를 실행하는 방법 다리미/디렉터 예

flatiron 모듈을 클라이언트 측에서 설정할 수 없습니다. 내가 가진 브라우저에서 <my_project>/page.html 페이지를로드시

<my_project>/node_modules/flatiron/node_modules/director/lib/director.js

: 내 HTML 페이지에서

(예를 들어, <my_project>/page.html는) 내가 내 프로젝트에서 그 대응의 위치에 director.js의 위치를 교체 오류 : 내보내기 및 라우터가 정의되지 않았습니다.

첫 번째 아이디어는 : 모든 후, 브라우저 측에서 확인

, 나는 browserify 그것으로 나를 도울 수 있다고 생각 ... 더 nodejs이 없습니다. I 번의 '브라우저 측'번들 (?이 필요 하였다) 생성 :

my_project> node node_modules/browserify/bin/cli.js node_modules/flatiron/node_modules/director/lib director.js -o cs_director.js

및 I 라인에 사용 : <script src="cs_director.js"></script>

문제가 있음 오류

Uncaught ReferenceError: Router is not defined 
(anonymous function)

가 여전히 나타나서 전체 예제가 작동하지 않을 것입니다.

나는 노드/js에 익숙하지 않으며 위에서 설명한 나의 경우에 한 일을 센스로 만드는지 확실하지 않습니다 ... 아무도 어떻게 해결합니까?

일반적으로 브라우저 쪽에서 'isomorphic'물건을 사용하는 방법은 무엇입니까? Github의 html 예제는 서버 측 예제로 동일한 .js 파일 을 참조합니다 ...

자습서, 예제를 권장 할 수 있습니까? 당신은 모든 벗겨져 서버 코드의이 directorhere의 브라우저 별 빌드를 찾을 수 있습니다 -gvlax

출처

2012-01-19 gvlax

감사합니다.

출처

2012-01-19 21:14:46 fent

링크가 404를 반환합니다 ... – danwoods

링크가 업데이트되었습니다. – fent

감사합니다 DeadDEnD,

이제는 매력처럼 작동합니다.

<!html> 
    <html> 
    <head> 
     <script src="director-1.0.7.min.js"></script> 

      <script> 

     var author = function() { console.log("author called.");}, 
      books = function() { console.log("books called."); }, 
      viewBook = function(bookId) { console.log("viewBook called."); }; 

     var routes = { 
      '/author': author, 
      '/books': [books, function() { console.log("anonymous fun called."); }], 
      '/books/view/:bookId': viewBook 
     }; 

     var router = Router(routes); 
     router.init(); 

     </script> 
    </head> 
    <body> 
     Click <a href="#/books">me</a> to call two functions at a time. 
    </body> 
    </html>

--gvlax :

내가 읽어에서 정보가 ... 내가 먼저 설명서를 읽고, 내가 :-) 여기에

내 샘플 코드는 맹세 것을 놓칠 수있는 방법을 몰라

출처

2012-01-20 07:55:32 gvlax

nodejs를 실행하는 방법 다리미/디렉터 예

답변

관련 문제