JavaScript를 원격으로 디버깅하고 테스트하기 위한 새로운 오픈 소스의 확장 가능한 플랫폼 독립적 도구입니다. node.js 및 소켓.io로 구동됩니다.
이 비디오를 보고 20분 안에 Vorlon.js에 대한 모든 것을 이해하세요: https://channel9.msdn.com/Shows/codechat/046
VorlonJS에서 더 자세히 알아보세요!
Slack에서 우리와 채팅하세요(아래 배지를 클릭하면 무료 초대를 받을 수 있습니다)
npm에서 Vorlon.JS 서버를 설치하고 실행합니다.
$ npm i -g vorlon
$ vorlon
With the server is running, open http://localhost:1337 in your browser to see the Vorlon.JS dashboard.
Python, node-gyp 및 소켓.io에서 오류가 발생할 수 있습니다. 이는 이미 Socket.io 팀에 보고된 알려진 문제입니다. 이 오류가 발생하더라도 소켓.io가 여전히 잘 작동하기 때문에 차단 문제는 아닙니다. :)
[리눅스]
$ PORT=3000 vorlon
[윈도우]
c: > SET PORT=3000 && vorlon
//Vorlon listening on port 3000
마지막 단계는 다음을 앱에 추가하여 Vorlon.JS를 활성화하는 것입니다.
< script src =" http://localhost:1337/vorlon.js " > </ script >
SSL을 지원하는 서버를 실행하려면 다음을 수행하십시오.
Azure 호스팅 config.json 파일 샘플
{
"baseURL": "",
"useSSLAzure": true,
"useSSL": false,
"SSLkey": "cert/server.key",
....
...
}
기본적으로 디버그 수준 및 파일이 포함된 Vorlon.JS 애플리케이션 로그는 설치 폴더에 저장됩니다. 로그를 사용자 정의하려면 다음과 같이 진행하십시오.
[Windows]
C:>cd %HOMEPATH%node_modulesvorlon
C:UsersUsernamenode_modulesvorlon>notepad Server/config.json
## JSON FILE ##
{
"useSSL": true,
"SSLkey": "server/cert/server.key",
"SSLcert": "server/cert/server.crt",
"includeSocketIO": true,
"plugins": [
{ "id": "CONSOLE", "name": "Interactive Console", "panel": "bottom", "foldername" : "interactiveConsole", "enabled": true},
{ "id": "DOM", "name": "Dom Explorer", "panel": "top", "foldername" : "domExplorer", "enabled": true },
{ "id": "MODERNIZR", "name": "Modernizr","panel": "bottom", "foldername" : "modernizrReport", "enabled": true },
{ "id" : "OBJEXPLORER", "name" : "Obj. Explorer","panel": "top", "foldername" : "objectExplorer", "enabled": true },
{ "id" : "XHRPANEL", "name" : "XHR","panel": "top", "foldername" : "xhrPanel", "enabled": true },
{ "id" : "NGINSPECTOR", "name" : "ngInspector","panel": "top", "foldername" : "ngInspector", "enabled": false }
],
"logs": {
"level" : "info",
"enableConsole" : true,
"filePath" : "E:\temp",
"vorlonLogFileName": "vorlonjs.log",
"exceptionsLogFileName": "exceptions.log"
}
}
C:UsersUsernamenode_modulesvorlon>vorlon
Vorlon with SSL listening on port 1337
With the server is running, open https://localhost:1337 in your browser to see the Vorlon.JS dashboard.
마지막 단계는 다음을 앱에 추가하여 Vorlon.JS를 활성화하는 것입니다.
< script src =" https://localhost:1337/vorlon.js " > </ script >
Vorlon.JS에 대한 추가 문서를 읽고 http://vorlonjs.com/documentation에서 자신만의 플러그인을 작성해 보세요.
Vorlon.JS의 서버나 핵심 플러그인 코드로 작업하려면 이 디렉토리를 복제하여 작업해야 합니다.
Vorlon은 gulp로 컴파일되는 TypeScript로 작성되었습니다. 두 가지 주요 디렉토리가 있습니다:
저장소의 루트 폴더에 gulpfile.js
가 있습니다. 여기에는 플러그인 및 서버용 Typescript를 javascript로 컴파일하는 gulp 작업이 포함되어 있습니다. 또한 컴파일된 플러그인 코드가 Server
디렉토리의 올바른 위치에 복사되는지 확인합니다.
모든 것(플러그인, 서버)을 컴파일하려면 다음을 실행하세요.
gulp
플러그인만 컴파일하려면 다음을 실행하세요.
gulp default-plugins
서버만 컴파일하려면 다음을 실행하세요.
gulp default-server
Vorlon.JS를 실행하는 가장 간단한 방법은 루트 디렉터리에서 npm start
실행하는 것입니다. 그러면 두 gulpfiles가 모두 실행되어 TypeScript를 컴파일하고 서버가 시작됩니다.
gulp 명령을 개별적으로 실행할 수도 있습니다. gulp watch
자동으로 TypeScript를 컴파일해 주기 때문에 특히 플러그인 작업을 하려는 경우에 유용합니다.
명령줄에서 gulp
명령을 실행하려면 먼저 다음을 사용하여 시스템에 gulp를 전역으로 설치해야 합니다.
$ npm install -g gulp
이제 루트 디렉터리에서 gulp watch
실행하여 gulp가 자동으로 javascript로 typescript를 컴파일하도록 할 수 있습니다. 또한 gulp watch-plugins
또는 gulp watch-server
실행하여 플러그인이나 서버만 감시하고 컴파일할 수도 있습니다.
대시보드 동작을 테스트하기 위해 열 수 있는 vorlon 코드가 포함된 데모 웹페이지가 있습니다. ./Plugins/samples/index.html에 있습니다. Plugins
gulpfile에 이를 호스팅하는 gulptask가 있습니다. gulp webserver
실행한 다음 http://localhost:1338/index.html로 이동하여 페이지를 확인하세요.
Visual Studio 사용자를 위해 VorlonJS.sln을 통해 통합 솔루션을 제공합니다. Node.js와 상호 작용하려면 Visual Studio용 NodeJS 도구 플러그인을 설치하기만 하면 됩니다. 플러그인이 설치되면 솔루션을 열면 Vorlon.js 개발 준비가 완료됩니다.
Visual Studio Code는 크로스 플랫폼을 지원하고 무료이며 매우 가벼운 완전히 새로운 코드 편집기입니다! node.js 디버깅을 수행할 수 있으며 intelliSense 등이 있습니다(자세한 내용은 코드 웹사이트 참조). 작업 흐름 통합도 있으며 Ctrl+Shift+B를 눌러 꿀꺽 꿀꺽 파일에서 기본 작업을 실행할 수 있는 모든 것이 포함된 파일을 저장소에 준비했습니다.
변경한 후에는 이 저장소에 풀 요청을 커밋하고 제출할 수 있습니다. 또한 변경 사항을 병합하려면 Microsoft CLA(Contributor License Agreement)에 전자적으로 서명해야 합니다.
변경 사항을 커밋할 때 컴파일된 JavaScript 파일(TypeScript에서 컴파일된 파일)이 커밋되지 않았는지 확인하고 원본 TypeScript 파일만 커밋해야 합니다.
Vorlon.JS에 기여하는 방법에 대한 자세한 내용은 CONTRIBUTING.md를 읽어보세요.
Vorlon.JS는 MIT 라이센스에 따라 배포됩니다. 자세한 내용은 라이선스를 참조하세요.