Instalação do Phonegap Cordova Windows

120

A documentação para phonegap / cordova é absolutamente horrível. Tudo o que estou tentando fazer é instalar o PhoneGap 3.0 no meu ambiente Windows, mas sem sucesso.

Abaixo estão os meus passos e pontos de falha. Alguém pode aconselhar sobre soluções?

De acordo com as instruções :

  1. Instale o Node.js (SUCCESSFUL)
  2. Do nodes.js: install -g cordova(SUCCESSFUL)
  3. Adicionar plataforma: cordova platform add wp8(NADA ACONTECE)
  4. Tente com phonegap: phonegap install wp8(o diretório do projeto ERROR não pôde ser encontrado)

Do " guia da plataforma Windows Phone 8 "

  1. Instale o Windows SDK (SUCESSO)
  2. "Baixe e extraia a cópia mais recente do [PhoneGap. Você estará trabalhando na subpasta lib \ windows-phone-8 \ wp8, lib \ windows-phone-8 \ wp7 contém a versão Windwos Phone 7 do Cordova"

HÃ?!?! Em que local está o diretório?!?! Então, eu encontrei o diretório phonegap não documentado enterrado em AppData \ Local ... e existe um diretório libs, mas certamente NÃO existem subpastas WP8. De onde alguém instalaria isso? Presumivelmente, o comando add platform acima, mas adicione que simplesmente me retorna a um novo prompt de comando.

Tentei usando o comando phonegap: phonegap plaform add wp8

ERRO - 'platform add wp8 "não é um nó.

Eu recebo seu código aberto, mas esta é uma documentação brutal de referência de espaguete. Se alguém conseguiu instalar com êxito o 3.0 para WP8, qualquer ponteiro seria útil.

windows cordova Frigon
fonte
Ele menciona que você precisa criar o aplicativo cordova create hello com.example.hello HelloWorldno diretório em que deseja que o código esteja e, em seguida, executar cordova platform add wp8no diretório do projeto que você acabou de criar.
precisa saber é o seguinte
5
No entanto, o que mais chama a atenção é o fato de que, em alguns casos, é necessário que o consumidor tenha uma boa noção do que é o produto e o que ele deve ser feito. O jeito cli de fazer as coisas simplesmente não funciona com as instruções fornecidas. A primeira parte diz para você instalar e usar o comando phonegap e, em seguida, você passa para a seção android e ela passa a usar o comando cordova. Que bagunça frustrante, eu nunca descobri como fazê-lo reconhecer a plataforma Android, mesmo que o sdk estivesse instalado na minha máquina.
Jay13
7
A qualidade da redação não me incomoda tanto quanto o fato de os documentos nunca parecerem ter sido testados e estarem errados.
precisa
3
Parece também que a documentação é contraditória em alguns lugares. Em uma página, diz para fazê-lo de uma maneira e, em outra, descreve uma abordagem totalmente diferente! Eu tinha coisas legais com a parte da extensão Phonegap das minhas Ferramentas para Desenvolvedor Android como um botão (no Eclipse). Agora, depois de atualizar o ADT, ele se foi. Corri a plataforma phonegap add android e nada aconteceu como acima com o wp8. Por que não podemos simplesmente fazer o download como um zip? Ou usar o git clone?
Bruce Whealton
Escrevi um artigo fornecendo instruções passo a passo sobre como instalar o phonegap. Ele é adaptado para dispositivos Android, mas a única diferença deve ser a parte Windows / SDK Android: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Respostas:

131

Depois de horas de frustração ... aqui está o que eu descobri.

  1. Ignore a documentação de instalação e toda a linha de comando, coisas do node.js (seriamente você perderá horas com isso.
  2. Acesse o github e simplesmente faça o download do PhoneGap master .zip
  3. Nesse zip estão os arquivos do projeto para a janela do telefone, etc plataforma ... apenas use esses modelos.

Não sei como um processo tão fácil poderia ter uma documentação pior. É como se tivesse sido escrito por advogados.

Frigon
fonte
7
O uso da documentação permitiria que você tivesse uma wwwpasta "global" para todas as plataformas.
23713 Justin13
3
Obrigado por isso, me salvou de muito agravamento, tenho certeza. Além disso, este é um excelente recurso para qualquer pessoa que esteja configurando o Phonegap para Android: link
Oliver Holmberg
Você está falando sério? Isso é pra valer? Não sei se estou com muita raiva ou muito feliz. Também poderei adicionar plug-ins sem a linha de comando? E isso ainda é válido para o Phonegap 3.0 muito diferente?
21713 Wytze
Sua descrição é excelente, mas você deve mencionar que o createTemplates.bat deve ser executado para gerar os arquivos zip que são os itens a serem copiados na pasta de modelos.
Hexodus
Hexodus, parece que essa etapa não está documentada em nenhum lugar ou, pelo menos, não está muito clara. Como se pode imaginar, começar em uma página com a execução de um comando cordova e depois ser levado para outra página que diz use phonegap, ou é o contrário ?, é muito confuso. Oliver, seu link é ótimo, a página é muito clara. Mas quase ignorei o link. Comecei a pensar: "o que é um excelente recurso?" Então eu tropecei no link e encontrei o excelente recurso. Respeitosamente, sugiro que tudo, desde excelentes recursos até o link, seja o link, IMHO.
Bruce Whealton
54

Eu enfrentei o mesmo problema e lutei por uma hora para passar, lendo os documentos e os outros problemas relatados no Stack Overflow, mas não encontrei nenhuma resposta para ele. Portanto, aqui está o guia para executar com êxito o phonegap / cordova no Windows Machine.

Siga esses passos

  1. Faça o download e instale o node.js em http://nodejs.org/
  2. Execute o comando npm install -g phonegap(no caso da instalação do phonegap) ou execute o comando npm install -g cordova(no caso da instalação do Cordova).

  3. À medida que a instalação é concluída, você pode perceber o seguinte:

    C: \ Usuários \ usuário binário \ AppData \ Roaming \ npm \ cordova -> C: \ Usuários \ usuário binário \ AppData \ Roaming \ npm \ node_modules \ cordova \ bin \ cordova
[email protected] C: \ Usuários \ usuário binário \ AppData \ Roaming \ npm \ node_modules \ cordova
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected] ([email protected])
Tree── [email protected] ([email protected])
Optim── [email protected] ([email protected], [email protected])
Code── [email protected] ([email protected], [email protected])
Glob── [email protected] ([email protected], [email protected])
Ist── [email protected] ([email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], cookie [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected] )
@── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected] .2, [email protected], [email protected], [email protected])
Rip── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected] )
├── [email protected]
── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], elementtree @ 0.1.5, [email protected], [email protected], [email protected], [email protected], [email protected])

  4. Observe a linha acima, você pode ver o caminho onde o arquivo foi mencionado. Copie esse caminho. No meu caso, é C:\Users\binaryuser\AppData\Roaming\npm\cordovaassim que uso cd C:\Users\binaryuser\AppData\Roaming\npm\e tipo cordova. Aí está, finalmente funciona.

  5. Como o -gvalor da chave não está funcionando, você definiu o caminho Variáveis ​​de ambiente:
    1. Pressione Win+ Pause|Breakou clique com o botão direito do mouse Computere escolha Properties.
    2. Clique Advanced system settingsà esquerda.
    3. Clique Environment Variablesna Advancedguia.
    4. Selecione a PATHvariável e clique em Edit.
    5. Copie o caminho mencionado acima para o campo de valor e pressione OK.
binaryuser
fonte
7
Observe também que, se você instalar o node.js como administrador, e seu usuário tiver direitos limitados no Active Directory, execute "npm install -g phonegap" como seu usuário e não como administrador, caso contrário, os arquivos serão criados no diretório pasta de roaming e seu usuário não terá acesso a elas. Você pode "npm desinstalar o phonegap" no administrador e novamente instalar como usuário nesse caso.
vicenteherrera
1
Observe que você precisa usar o Node.js command promptcmd.exe, e não o Windows
interno
2
@gotnull Eu segundo seu movimento.
Jay Jay Jay
2
Quando tentei usar o prompt de comando node.js., recebi um erro que me instruiu a usar o terminal do sistema. Isso é para o Node.js v0.10.26.
John Macon
Esta resposta informa exatamente o que está nas instruções oficiais, o que funciona, mas isso não responde à parte dos modelos wp8. A pasta wp8 nem o arquivo createTemplates.bat não podem ser encontrados ao instalar o cordova / phonegap com o npm, que é principalmente o ponto da questão.
Matthieu Harlé
18

Esta resposta foi postada aqui: cordova / phonegap não cria diretório android

Com o lançamento do Cordova 3.3.0, parece que a equipe do PhoneGap está tentando resolver a confusão de nomes. As documentações foram atualizadas para recomendar as pessoas que usam o cordovacomando. Não use mais o phonegapcomando.

Aqui está um novo guia de instalação para uma instalação sem problemas garantida:

  1. Instale o Cordova (esqueça o nome PhoneGap a partir de agora). Para PC:

    C:> npm install -g cordova

  2. No prompt de comando, navegue até a pasta que deseja criar seu projeto usando: 

    cordova criar olá com.example.hello HelloWorld
olá cd

  3. Defina o sistema operacional que você deseja apoiar, por exemplo: 

    plataforma cordova add wp8

  4. Instale plugins (se necessário). Por exemplo, queremos o seguinte:

    plug-in cordova add org.apache.cordova.device
plug-in cordova add org.apache.cordova.camera
plug-in cordova add org.apache.cordova.media-capture
plug-in cordova add org.apache.cordova.media

  5. Por fim, gere o aplicativo usando: 
    cordova build wp8

Aqui está um link para a documentação do PhoneGap Cordova 3.3.0 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

James Wong - Restabelecer Monica
fonte
1
Além disso, você conseguiu o comando build funcionando? Eu posso criar no Visual Studio, mas não na linha de comando. Erro: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.Não tenho certeza de qual arquivo ele está procurando.
atlantis
1
Na linha 56, você encontrará Log("Command: " + command);comentários. Ao remover o comentário, ele será impresso commande você saberá o arquivo que está procurando.
Edward Grech
Na etapa 2, acredito que deveria ser "cd hello", em vez de "cd HelloWorld".
26414 Jarnal
6

Eu também enfrentei esse mesmo erro. E eu até tentei baixar o mestre PhoneGap do GitHub, mas descobri que o que obtive foi o Phonegap 2.9. Eventualmente, eu tive que baixar o Cordova 3 Source

Siga estas etapas para obtê-lo.

  1. Baixe e descompacte a fonte do Cordova 3
  2. Execute o template.bat na pasta cordova-wp8
  3. Copie os arquivos Zip gerados para sua pasta de modelo do Visual studio
Layinka
fonte
4

Instalação do Phonegap Cordova no Windows

Exigências

  • Eclipse + ADT Plugin
  • Ferramenta Android SDK
  • Ferramentas da plataforma Android
  • Última pasta zip do PhoneGap. Extraia seu conteúdo.

Dispositivos Android suportados

Android 2.2 Android 2.3 Android 4.x Phonegap Cordova Instalação

Definir variável de ambiente PATH para android

  1. Na área de trabalho, clique com o botão direito do mouse em Meu computador e clique em Propriedades.

  2. Clique no link Configurações avançadas do sistema na coluna esquerda.

  3. Na janela de propriedades do sistema, clique no botão variáveis ​​de ambiente.

  4. Selecione a variável PATH na seção Variáveis ​​do sistema. Selecione o botão Editar. Você precisa adicionar o caminho ao diretório de ferramentas e ferramentas da plataforma SDK do Android. Por exemplo: D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools Salve sua edição. Feche a caixa de diálogo Variável de ambiente.

  5. Além disso, pode ser necessário incluir% JAVA_HOME% \ bin no seu PATH também. Para verificar se isso é necessário, execute um prompt de comando e digite java. Se o programa não pôde ser encontrado, adicione% JAVA_HOME% \ bin ao PATH. Pode ser necessário especificar o caminho completo em vez de usar a variável de ambiente% JAVA_HOME%.
  6. Por fim, pode ser necessário incluir% ANT_HOME% \ bin no seu PATH também. Para verificar se isso é necessário, execute um prompt de comando e digite ant. Se não for possível encontrar o programa, adicione% ANT_HOME% \ bin ao PATH. Pode ser necessário especificar o caminho completo em vez de usar a variável de ambiente% ANT_HOME%. Configurar novo projeto

Abra o prompt de comando, navegue até o diretório bin dentro da subpasta android da distribuição Cordova.

Digite: ./create

Em seguida, pressione Enter. Inicie o Eclipse. No item de menu Arquivo e selecione para Importar ...

Importar Selecione “Código Android existente no espaço de trabalho” e clique em 'Avançar>'.

Procure o projeto criado por meio do prompt de comando. E clique em 'Concluir'. Implantar no emulador No Eclipse, pressione este ícone da barra de ferramentas.

Depois de aberto, o Android SDK Manager exibe várias bibliotecas de tempo de execução. Instale as APIs conforme os requisitos a partir daqui. No Eclipse, pressione este ícone da barra de ferramentas.

Escolha e definição do dispositivo na lista que vem. (Existe apenas um item na lista atual.) Pressione Novo… na janela acima para criar um novo Dispositivo Virtual Android (AVD) e use-o para executar seu projeto.

Para abrir o emulador como um aplicativo separado, selecione o AVD e pressione Iniciar. Ele lança da mesma forma que faria no dispositivo, com controles adicionais disponíveis para os botões de hardware:

Implantar no dispositivo:

Verifique se a depuração USB está ativada no seu dispositivo e conecte-a ao seu sistema. Clique com o botão direito do mouse no projeto e vá para Executar como> Aplicativo Android.

Consulte Mais informação ...

Ajay Patel
fonte
2

Eu estava tendo problemas com a instalação do phonegap. Os problemas foram corrigidos quando executo o cmd como administrador e, em seguida, execute o comando

npm install -g phonegap

e é instalado com sucesso.

Em seguida, no diretório em que está instalado, abri o cmd e execute o comando phonegap e ele estava funcionando bem. Agora vamos brincar mais :)

Obrigado amigos por toda essa ajuda.

Altaf Hussain
fonte
2

Em C:\phonegap-2.9.0\lib\windows-phone-8 there'sum arquivo em lotes chamado createTemplates.bat. Você precisa executar este arquivo, que criará o CordovaWP8_2_9_0.ziparquivo mencionado em seus documentos.

Steve Drucker
fonte
Não consigo encontrar este arquivo em lotes para phonegap-3.3.0. Na verdade, não consigo encontrar a pasta windows-phone-8. Alguma idéia do que estou fazendo de errado?
MysticMagicϡ
1

Eu tive o mesmo problema, mas finalmente consegui fazer isso, por favor, jogue esta imagem Plase Execute todo o comando no PHONE TOOL COMMAND PROMPT insira a descrição da imagem aqui

Mayur
fonte
Oi Mayur. Eu tento com o seu método acima. Erro ao adicionar plataforma. depois de digitar a plataforma cordova, adicione wp8. seguinte erro ocorrer Erro: Não foi possível encontrar 'check_reqs.js' na pasta 'bin', abortando ...
Gurunathan
@ mayur - também não funciona para mim. Eu recebo 'cordova' não é reconhecido, blá, blá, blá. Um problema de caminho que eu assumo. Mas onde está cordova?
schmidlop
1

Encontrei esta documentação de aplicativos híbridos para vários dispositivos para Visual Studio para CTP1.1 Última atualização: 29 de maio de 2014 .

Parte do conteúdo da documentação é a seguinte.

Esta versão oferece suporte à criação de aplicativos para os seguintes destinos de dispositivo :

Android 4+ (4.4 oferecendo a melhor experiência para o desenvolvedor) iOS 6 e 7 Windows 8.0 (Store) Windows Phone 8.0

Requisitos: Windows 8.1

Atualização 2 do Visual Studio 2013 - Professional, Ultimate ou Premium com os seguintes recursos opcionais instalados:

Ferramentas para manutenção de aplicativos da loja para Windows 8 SDK do Windows Phone 8.0

Os requisitos adicionais do sistema variam de acordo com a plataforma do dispositivo:

O emulador do Android funciona melhor com PCs capazes de instalar o driver Intel HAXM

O Windows Phone 8 requer um PC compatível com Hyper-V para executar o emulador Building for iOS e o uso do iOS Simulator requer um Mac capaz de executar o Xcode 5.1

Dependências de terceiros:

Joyent Node.js - Permite que o Visual Studio se integre à CLI (Apache Cordova Command Line Interface) e à CLI Git do emulador Apache Ripple ™ - Necessário apenas se você precisar adicionar manualmente URIs git para plug-ins

Google Chrome - necessário para executar o emulador Apache Ripple para iOS e Android

Apache Ant 1.8.0+ - Necessário como dependência para o processo de compilação do Android

Oracle Java JDK 7 - Necessário como dependência para o processo de compilação do Android

Android SDK - obrigatório como uma dependência para o processo de criação do Android e o Ripple

SQLLite for Windows Runtime - necessário para adicionar conectividade SQL aos aplicativos do Windows (para o plug-in WebSQL Polyfill)

Apple iTunes - necessário para implantar um aplicativo em um dispositivo iOS conectado ao seu PC com Windows

insira a descrição da imagem aqui

Reva
fonte
0

A execução do CMD como Administrador no Windows me ajudou, e acho que faz todo o sentido, porque as pessoas nunca se esforçam para instalar suas coisas em um diretório personalizado. Portanto, quando você instala o node.js no diretório do Windows e tenta instalar o PhoneGap em um CMD Unelevated, é difícil definir as variáveis ​​de caminho.

meowmeowbeans
fonte
0

Eu tive o mesmo problema. Perdi horas e vi que a versão do node.js instalada era 0.8. Mas baixei e instalei a versão 0.10 no site node.js.

Eu baixei e instalei novamente, e agora a versão é 0.10. Resultado: o PhoneGap foi instalado com sucesso nesta versão.

gabrieloliveira
fonte
0

Phonegap pode ser um pouco complicado para os mais novos. Passei muito tempo tentando encontrar a maneira ideal de criar um aplicativo Android robusto que pudesse acessar os recursos nativos do telefone.

Este link fornece um método passo a passo para criar um aplicativo Android Phonegap usando windows, html e javascript.

Aakshay Subramaniam
fonte