Uma nova ferramenta de código aberto, extensível e independente de plataforma para depurar e testar remotamente seu JavaScript. Desenvolvido por node.js e socket.io.
Entenda tudo sobre Vorlon.js em 20 minutos assistindo este vídeo: https://channel9.msdn.com/Shows/codechat/046
Saiba mais em VorlonJS!
Converse conosco no Slack (receba um convite grátis clicando no selo abaixo)
Instale e execute o servidor Vorlon.JS do npm:
$ npm i -g vorlon
$ vorlon
With the server is running, open http://localhost:1337 in your browser to see the Vorlon.JS dashboard.
Você pode notar erros de Python, node-gyp e socket.io. Este é um problema conhecido já relatado à equipe do socket.io. Este não é um problema de bloqueio, pois o socket.io ainda funciona bem mesmo com esse erro :)
[Linux]
$ PORT=3000 vorlon
[Windows]
c: > SET PORT=3000 && vorlon
//Vorlon listening on port 3000
A última etapa é habilitar o Vorlon.JS adicionando isto ao seu aplicativo:
< script src =" http://localhost:1337/vorlon.js " > </ script >
Se você deseja executar o servidor com suporte SSL, faça o seguinte:
Exemplo de arquivo config.json hospedado no Azure
{
"baseURL": "",
"useSSLAzure": true,
"useSSL": false,
"SSLkey": "cert/server.key",
....
...
}
Por padrão, os logs do aplicativo Vorlon.JS com nível de depuração e arquivos são armazenados na pasta de instalação. Se você deseja personalizar logs, proceda da seguinte forma:
[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.
A última etapa é habilitar o Vorlon.JS adicionando isto ao seu aplicativo:
< script src =" https://localhost:1337/vorlon.js " > </ script >
Leia mais documentação sobre Vorlon.JS e escreva seus próprios plug-ins em http://vorlonjs.com/documentation.
Se desejar trabalhar no servidor ou no código do plugin principal do Vorlon.JS, você precisará clonar este diretório e trabalhar nele.
Vorlon é escrito em texto datilografado, que é compilado com gulp. Existem dois diretórios principais:
Existe um gulpfile.js
na pasta raiz do repositório. Ele contém tarefas gulp para compilar TypeScript em JavaScript para os plugins e o servidor. Além disso, garante que o código do plugin compilado seja copiado para o lugar certo no diretório Server
.
Para compilar tudo (plugins e depois servidor) execute isto:
gulp
Para compilar apenas plug-ins, execute isto:
gulp default-plugins
Para compilar apenas o servidor, execute isto:
gulp default-server
A maneira mais simples de executar Vorlon.JS é executar npm start
no diretório raiz. Isso executará ambos os gulpfiles para compilar o TypeScript e iniciar o servidor.
Você também pode executar os comandos gulp individualmente. Isso é útil se você deseja trabalhar com plug-ins em particular, pois gulp watch
irá compilar o texto digitado para você automaticamente.
Se quiser executar comandos gulp
a partir da linha de comando, você precisará primeiro instalar o gulp globalmente em seu sistema com:
$ npm install -g gulp
Agora você pode executar gulp watch
no diretório raiz para que o gulp compile o typescript para javascript automaticamente. Você também pode executar gulp watch-plugins
ou gulp watch-server
para observar e compilar apenas os plug-ins ou o servidor.
Há uma página de demonstração que inclui o código vorlon que você pode abrir para testar o comportamento do painel. Ele fica em ./Plugins/samples/index.html. Há um gulptask no Plugins
gulpfile para hospedá-lo, basta executar gulp webserver
e navegar até http://localhost:1338/index.html para visualizar a página.
Para usuários do Visual Studio, oferecemos uma solução integrada por meio do VorlonJS.sln. Para interagir com o Node.js, você só precisa instalar o plugin NodeJS Tool for Visual Studio. Depois que o plugin estiver instalado, basta abrir a solução e você estará pronto para desenvolver para Vorlon.js
Visual Studio Code é um editor de código completamente novo, multiplataforma, gratuito e leve como o inferno! Você pode fazer depuração node.js, existe intelliSense e assim por diante (mais sobre isso no site do Code). Também existe uma integração de fluxo de trabalho de tarefas e preparamos para você um arquivo no repositório que contém tudo para você poder pressionar Ctrl + Shift + B para executar a tarefa padrão no arquivo gulp.
Depois de fazer uma alteração, você pode confirmar e enviar uma solicitação pull para este repositório. Você também precisará assinar eletronicamente o Contrato de Licença de Colaborador da Microsoft (CLA) se desejar que suas alterações sejam mescladas.
Ao submeter alterações, certifique-se de que os arquivos JavaScript compilados (aqueles compilados do TypeScript) não sejam confirmados, apenas os arquivos TypeScript originais devem ser confirmados.
Leia CONTRIBUTING.md para obter mais informações sobre como contribuir para Vorlon.JS.
Vorlon.JS é lançado sob a licença do MIT. Consulte LICENÇA para obter detalhes completos.