5
respostas

Cordova instalação do SDK do windows

Estava tentando gerar tb os apps para windows phone, porém o SDK do windows nao consigo configurar nem instalar. Vcs poderiam fazer uma video aula a mais com esse conteudo? De configuração do sdk para build de apps para windows phone?

5 respostas

Segue print https://www.dropbox.com/s/pr6ocnpapqflajt/Screenshot_2.png?dl=0

Felipe, tudo bem ?

Cara hoje o windows phone é a plataforma menos utilizada, além disso a própria microsoft disse que não vai dar continuidade nisso, passando tudo para Android.

Acredito que talvez não seja interessante termos um conteúdo que vai ficar obsoleto em pouco tempo :(

Felipe, quando lancei meu livro de Cordova eu fiz um passo a passo do Windows Phone mas confesso que não testei ultimamente pra saber se está certinho ainda. Mas segue o capitulo do livro que trata disso:


Suporte ao Windows Phone e Windows Platform

O Cordova suporta a criação de aplicativos para a plataforma Windows de várias formas. A partir do Windows 8 e incluindo o Windows 10, o desenvolvimento é unificado para smartphones, tablets e desktop. Ou seja, com uma única plataforma, podemos atacar toda a família de dispositivos Microsoft. É o cenário que veremos aqui. No Cordova, é o Windows Platform.

Preparando o Ambiente para Windows Phone

Como vimos no capítulo 5, você vai precisar rodar um Windows, seja em uma máquina real ou virtualizado. O detalhe é que, se quiser rodar o emulador, você precisa ter o Windows Pro ou Enterprise na versão 64bits. E o processador da sua máquina precisa ser um Intel com suporte Hyper-V. A maioria dos processadores modernos suporta (i5, i7).

Se você precisar de um Windows, há um trial de 90 dias gratuito da versão Enterprise em:

https://www.microsoft.com/en-us/evalcenter/evaluate-windows-10-enterprise

Habilitando Hyper-V

Para rodar o emulador do Windows Phone, o suporte a Hyper-V precisa estar habilitado no seu Windows.

Para isso, vá ao Painel de Controle e entre na categoria Programas. Lá, selecione a opção Ativar ou desativar recursos do Windows (Turn Windows features on or off).

Localize o checkbox do Hyper-V e marque a opção. É necessário reiniciar após essa configuração.

Visual Studio e Emuladores

Você vai precisar de toda a plataforma Visual Studio da Microsoft que já inclui os emuladores necessários.

Você pode baixar uma versão gratuita mais simples chamada de Visual Studio Community. É suficiente para nós. Baixe a versão 2015 em:

https://www.visualstudio.com/vs/community/

Rode o instalador e selecione Custom Installation para selecionar mais componentes. Estamos interessados nos emuladores mobile. Marque Universal Windows App Development e Windows Phone 8.1.

Faça o processo de instalação todo. Ele é bem longo e demorado, e inclui muitos downloads. No final, você deve ter no seu menu Iniciar o Visual Studio e Windows Phone Tools.

Abra o Visual Studio pela primeira vez e faça login com sua conta Microsoft.

Plataforma Windows no Cordova

Para adicionar a plataforma portável do Windows 8/10, faça:

cordova platform add windows

O interessante é que o desenvolvimento é portável a ponto de você conseguir rodar uma App Cordova direto no Windows Desktop. Basta fazer:

cordova run windows

A primeira vez que você rodar esse comando, ele pedirá uma série de confirmações. Em uma janela, ele vai pedir para colocar o computador em Modo Desenvolvedor. Em outra, pede para obter licenças de desenvolvedor. É só seguir as opções e ir confirmando. No fim, a App abre no Desktop mesmo como uma App normal.

Mas claro que queremos rodar no emulador para simular um aparelho real com Windows Phone. Para fazer isso, execute:

cordova run windows -- --phone

O emulador do Windows Phone vai abrir e executar a App. A primeira vez demora um pouco para subir, mas você pode deixá-lo aberto e só executar o comando de novo para rodar novamente.

Rodando pelo Visual Studio

Quando adicionamos a plataforma windows no Cordova, ele gera um projeto válido do Visual Studio. Basta entrar na pasta do projeto e ir em platforms\windows. Lá tem um arquivo com nome do projeto do tipo Visual Studio Solution (extensão .sln). Só clicar e o Visual Studio será aberto.

Se quiser, pode customizar arquivos e configurações específicas do Windows pelo Visual Studio, ou rodar o emulador por aí. No topo da janela, há um botão de Play onde você escolhe o destino da execução. Pode selecionar um emulador, a máquina local ou um dispositivo.

Repare que, na direita, há o Solution Explorer que lista os projetos da nossa App. E o Cordova gerou um projeto Windows Phone, outro Windows 10 etc. Você pode clicar em cada projeto com o botão direito e escolher Set as Startup Project para definir qual é o padrão.

Como estamos preocupados com mobile, selecione o projeto do Windows Phone. Repare que o menu de debug muda para mostrar os emuladores disponíveis.

Como vimos, podemos então executar a App tanto pela linha de comando com Cordova quanto com Visual Studio. Rodar pelo Visual Studio tem a vantagem do modo debug e permitir inspecionar os elementos da App, muito útil para desenvolvimento.

Aparelho Windows Phone

Para usar um dispositivo com Windows Phone real, são necessárias algumas configurações adicionais, tanto no aparelho quanto no PC. Eu usei um Lumia 520 com Windows 8.1 para o tutorial a seguir.

Registrar o aparelho (Windows Phone 8.1)

O aparelho precisa ser registrado na Microsoft para permitir a instalação de Apps de testes. Com uma conta gratuita da Microsoft, conseguimos registrar 1 aparelho. Para registrar mais aparelhos e publicar na loja, você precisará de uma conta paga.

Quando instalamos o Visual Studio e o SDK do Windows Phone, veio junto uma ferramenta chamada Windows Phone Developer Registration. Você a encontra no menu Iniciar.

Conecte o aparelho via USB, desbloqueie a tela, e abra a ferramenta. Ele deve identificar seu aparelho e dar a opção de Register.

Clique em Register. Ele vai pedir seu usuário Microsoft e logo registrar o aparelho.

Saiba mais em https://msdn.microsoft.com/en-us/library/windows/apps/dn614128.aspx.

Developer Mode (Windows Mobile 10)

Se seu celular já roda Windows 10, não é preciso mais registrá-lo. Vá nas Configurações e em Atualização & Segurança. Lá existe uma opção Para Desenvolvedores, na qual você pode habilitar o Modo Desenvolvedor.

Para saber mais, acesse https://msdn.microsoft.com/windows/uwp/get-started/enable-your-device-for-development.

Rodando pelo Visual Studio

Ao abrir o projeto no Visual Studio, como fizemos antes, o botão de Play lá em cima mostra a opção Device. Clique para rodar.

Rodando via Cordova

Além de rodar pelo Visual Studio, você pode rodar pela linha de comando com Cordova também. Basta executar:

cordova run windows --device -- --phone

E para distribuir a App?

O que vimos aqui é útil para desenvolvedores testarem suas Apps. Mas se você quiser distribuir a App para outras pessoas, não é tão prático. O mais prático, claro, é publicar na Windows Store.

Um processo intermediário é gerar um instalável e distribuí-lo nos dispositivos. Não é tão simples quanto o Android, mas pelo menos existe uma possibilidade (diferente do iOS).

Primeiro, gere o build final da App, um arquivo .appx, com:

cordova build windows --release

Ele vai gerar um arquivo appx na pasta platforms\windows\AppPackages\GarconappTest. Podemos instalá-lo no aparelho com outra ferramenta que foi instalada junto com o SDK, a Windows Phone Application Deployment. Antes, esteja certo de ter destravado o dispositivo como fizemos antes. Assim, abra essa ferramenta, selecione o arquivo .appx e clique em Deploy.

Matheus Brandino , entendo todas as suas colocações e concordo, mas no momento a empresa que estou gera build pra essa plataforma ainda. Antigamente eu fazia pelo phonegap e se fizer hoje ele buida tambem direto pela ferramenta da Adobe. Mas fiz uma nova versão com algumas atualizações e gostaria de gerar td na minha maquina local mesmo. Por isso precisaria desta SDK do windows funcionando ok

Sérgio Lopes, agradeço a resposta brother. Vou dar uma seguida nesse how-to e posto o feedback aqui.