{"id":42,"date":"2015-09-26T11:12:40","date_gmt":"2015-09-26T14:12:40","guid":{"rendered":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/instalando-o-phonegap\/"},"modified":"2015-09-26T11:12:40","modified_gmt":"2015-09-26T14:12:40","slug":"instalando-o-phonegap","status":"publish","type":"post","link":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/instalando-o-phonegap\/","title":{"rendered":"Instalando o PhoneGap"},"content":{"rendered":"<p>Em vers\u00f5es anteriores do PhoneGap a instala\u00e7\u00e3o e configura\u00e7\u00e3o \u00e9 um processo um pouco chato e bastante manual, por\u00e9m em vers\u00f5es mais recentes isso mudou e o processo \u00e9 automatizado boa parte do processo.<\/p>\n<p>Irei demonstrar aqui como o processo de instala\u00e7\u00e3o \u00e9 simples atrav\u00e9s de alguns poucos passos.<\/p>\n<p>Para come\u00e7ar, iremos baixar o Node.js e fazer a instala\u00e7\u00e3o. Acesse o site http:\/\/nodejs.org e fa\u00e7a o download.<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/multiplataforma1.fw_1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-115\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/multiplataforma1.fw_1.png\" alt=\"multiplataforma1.fw\" width=\"483\" height=\"193\" \/><\/a><\/p>\n<p>O processo de instala\u00e7\u00e3o \u00e9 simples, algumas sequ\u00eancias de passos que irei demonstrar\u00a0abaixo com um exemplo em um computador Windows 10 x64, mas funciona da mesma forma para outros SOs:<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot130.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-116\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot130.jpg\" alt=\"ScreenShot130\" width=\"497\" height=\"387\" \/><\/a><\/p>\n<p>Clique em aceitar os termos da licen\u00e7a.<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot131.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-117\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot131.jpg\" alt=\"ScreenShot131\" width=\"496\" height=\"390\" \/><\/a><\/p>\n<p>Selecione o diret\u00f3rio de instala\u00e7\u00e3o.<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot132.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-118\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot132.jpg\" alt=\"ScreenShot132\" width=\"495\" height=\"388\" \/><\/a><\/p>\n<p>Ser\u00e1 demonstrado o que realmente ser\u00e1 instalado, deixe todos habilitados como padr\u00e3o e avance<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot133.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-119\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot133.jpg\" alt=\"ScreenShot133\" width=\"496\" height=\"385\" \/><\/a><\/p>\n<p>Clique em instalar<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot134.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-120\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot134.jpg\" alt=\"ScreenShot134\" width=\"496\" height=\"389\" \/><\/a><\/p>\n<p>Aguarde o processo de instala\u00e7\u00e3o<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot135.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-121\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot135.jpg\" alt=\"ScreenShot135\" width=\"491\" height=\"387\" \/><\/a><\/p>\n<p>A instala\u00e7\u00e3o ser\u00e1 finalizada<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot136.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-122\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot136.jpg\" alt=\"ScreenShot136\" width=\"494\" height=\"388\" \/><\/a><\/p>\n<p>Por enquanto apenas instalados o Node.js, e iremos utiliz\u00e1-lo para fazer a instala\u00e7\u00e3o do PhoneGap e do Cordova. Eu costumo fazer a instala\u00e7\u00e3o dos dois pacotes, mesmo utilizando os recursos extras do PhoneGap para ter certeza que a instala\u00e7\u00e3o ir\u00e1 correr bem e tudo que eu precisar estar\u00e1 a minha disposi\u00e7\u00e3o posteriormente.<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/multiplataforma2.fw_1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-123\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/multiplataforma2.fw_1.png\" alt=\"multiplataforma2.fw\" width=\"500\" height=\"153\" \/><\/a><\/p>\n<p>Acesse o terminal (prompt de comando) do seu computador, ou clique em Iniciar &gt;&gt; Executar, ou clique Iniciar &gt;&gt; escreva CMD e aperte enter.<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot137.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-124\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot137.jpg\" alt=\"ScreenShot137\" width=\"644\" height=\"339\" \/><\/a><\/p>\n<p>Iremos digitar o seguinte comando para instalar o Cordova:<\/p>\n<p><strong>npm install \u2013g cordova<\/strong><\/p>\n<p>O processo pode demorar um pouco pois neste momento ser\u00e3o baixados os arquivos necess\u00e1rios para instala\u00e7\u00e3o do pacote e em seguida ser\u00e1 iniciada automaticamente a instala\u00e7\u00e3o.<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot1381.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-131\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot1381.jpg\" alt=\"ScreenShot138\" width=\"647\" height=\"342\" \/><\/a><\/p>\n<p>Ser\u00e3o exibidas algumas mensagens de warning, sinalizadas por mensagens em amarelo como exemplo acima, mas n\u00e3o se preocupe. O importante \u00e9 n\u00e3o exibir mensagens de erro, sinalizadas por mensagens em vermelho.<\/p>\n<p>Fique atento tamb\u00e9m se sua conex\u00e3o exige proxy, dever\u00e1 ser configurado o proxy\u00a0para conseguir baixar os pacotes:<\/p>\n<p>Se for necess\u00e1rio em sua rede o proxy, utilize estes dois comandos alterando para os dados da sua rede:<\/p>\n<pre>npm config <span class=\"nb\">set <\/span>proxy http:\/\/proxy.company.com:8080\r\nnpm config <span class=\"nb\">set <\/span>https-proxy http:\/\/proxy.company.com:8080<\/pre>\n<p>Aten\u00e7\u00e3o: S\u00f3 execute estes comandos acima se realmente for necess\u00e1rio o proxy.<\/p>\n<p>Para instala\u00e7\u00e3o do Phonegap executaremos o seguinte comando:<\/p>\n<p><strong>npm install \u2013g phonegap<\/strong><\/p>\n<p>O processo \u00e9 exatamente o mesmo do Cordova, iniciaremos o prompt de comando e executaremos o comando acima.<\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot1391.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-132\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot1391.jpg\" alt=\"ScreenShot139\" width=\"646\" height=\"339\" \/><\/a><\/p>\n<p>Vale a mesma observa\u00e7\u00e3o quanto as mensagens de warning em amarelo, s\u00f3 n\u00e3o podem ser exibidas mensagens de erro em vermelho.<\/p>\n<p>Caso voc\u00ea n\u00e3o consiga fazer a instala\u00e7\u00e3o usando este processo, voc\u00ea ter\u00e1 que fazer uma instala\u00e7\u00e3o manual, que n\u00e3o exija o download autom\u00e1tico dos pacotes que s\u00e3o feitos automaticamente no processo anterior. Para isso voc\u00ea deve baixar o PhoneGap no site\u00a0<a href=\"http:\/\/phonegap.com\/install\" target=\"_blank\" rel=\"noopener\">http:\/\/phonegap.com\/install<\/a>\/, descompactar o arquivo e executar novamente o comando por\u00e9m apontando para o caminho da pasta onde est\u00e1 o arquivo descompactado. Ex:\u00a0npm install \u2013g C:phonegap-2.9.1<\/p>\n<p>Para testar se o PhoneGap foi instalado corretamente, execute o comando abaixo:<\/p>\n<p><strong>phonegap -v<\/strong><\/p>\n<p><a href=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot140.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-129\" src=\"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-content\/uploads\/2015\/09\/ScreenShot140.jpg\" alt=\"ScreenShot140\" width=\"645\" height=\"339\" \/><\/a><\/p>\n<p>Como eu havia dito o processo de instala\u00e7\u00e3o \u00e9 bem simples. Em um pr\u00f3ximo artigo ir\u00e1 demonstrar como criar seu primeiro aplicativo HelloWorld usando PhoneGap e tamb\u00e9m a emula\u00e7\u00e3o atrav\u00e9s do PhoneGap Developer App.<\/p>\n<p>At\u00e9 a pr\u00f3xima!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Em vers\u00f5es anteriores do PhoneGap a instala\u00e7\u00e3o e configura\u00e7\u00e3o \u00e9 um processo um pouco chato e bastante manual, por\u00e9m em vers\u00f5es mais recentes isso mudou e\u2026<\/p>\n","protected":false},"author":1,"featured_media":43,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[29,30,31,22],"class_list":["post-42","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-phonegap","tag-instalacao","tag-instalando","tag-nodejs","tag-phonegap"],"_links":{"self":[{"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":0,"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/media\/43"}],"wp:attachment":[{"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.williamcleissondecarvalho.com.br\/blog\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}