Tweet
Hello word com o PhoneGap
Requisitos
Eclipse 3.4 +
Instalar SDK + PhoneGap
Baixe e instale o Eclipse Classic
Baixar e instalar o Android SDK
Baixe e instale o Plugin ADT
Baixar a cópia mais recente PhoneGap e extrair seu conteúdo. Nós estaremos trabalhando com o diretório Android.
Novo projeto de instalação
Abra o Eclipse, em seguida, no menu Arquivo, selecione Novo> Projeto Android
No diretório raiz do projeto, criar dois novos diretórios:
/ Libs
/ Assets / www
Copie o Phonegap.js do seu PhoneGap baixado anteriormente para /assets/www
Cópie o phonegap.jar do seu PhoneGap baixado anteriormente para /libs
Copie a pasta xml a partir do seu PhoneGap anteriormente baixado para /res
Faça alguns ajustes no arquivo do projeto principal no arquivo Java encontrados na pasta src no Eclipse: (ver imagem abaixo)
Mudar a sua classe extend de Activity para DroidGap
Substituir o setContentView () por super.loadUrl("file:///android_asset/www/index.html");
Adicionar import com.phonegap.*;
Remover import android.app.Activity;
Pode aparecer um erro, onde Eclipse não consegue encontrar PhoneGap-1.0.0.jar. Neste caso, clique no botão direito sobre a pasta / libs e vá para Build Paths/ > Configure Build Paths. Depois, na aba Libraries, adicione PhoneGap-1.0.0.jar para o Projeto. Se Eclipse está sendo temperamental, talvez seja necessário atualizar (F5) o projeto mais uma vez.
Clique com o botão direito sobre AndroidManifest.xml e selecione Open With > Text Editor
Colar as seguintes permissões sob versionName: (ver codigo abaixo)
Adicionar android:configChanges="orientation|keyboardHidden" para a tag atividade em AndroidManifest. (Ver imagem abaixo)
Adicionar uma segunda atividade na sua aplicação na tag AndroidManifest. (Ver codigo abaixo)
Olá Mundo
Agora é só criar e abrir um novo arquivo chamado index.html no /assets/www. Cole o seguinte código:
Implantar Simulator
Botão direito do mouse no projeto e vá para Run As e clique em Android Application
Eclipse pedirá que você selecione um AVD apropriado. Se não houver um, então você terá que criá-lo.
Implantar a dispositivo
Certifique-se que a depuração USB está ativado no seu dispositivo e ligá-lo em seu sistema. (Settings > Applications > Development)
Botão direito do mouse o projeto e vá para Run As e clique em Android Application
Feito!
Eclipse 3.4 +
Instalar SDK + PhoneGap
Baixe e instale o Eclipse Classic
Baixar e instalar o Android SDK
Baixe e instale o Plugin ADT
Baixar a cópia mais recente PhoneGap e extrair seu conteúdo. Nós estaremos trabalhando com o diretório Android.
Novo projeto de instalação
Abra o Eclipse, em seguida, no menu Arquivo, selecione Novo> Projeto Android
No diretório raiz do projeto, criar dois novos diretórios:
/ Libs
/ Assets / www
Copie o Phonegap.js do seu PhoneGap baixado anteriormente para /assets/www
Cópie o phonegap.jar do seu PhoneGap baixado anteriormente para /libs
Copie a pasta xml a partir do seu PhoneGap anteriormente baixado para /res
Faça alguns ajustes no arquivo do projeto principal no arquivo Java encontrados na pasta src no Eclipse: (ver imagem abaixo)
Mudar a sua classe extend de Activity para DroidGap
Substituir o setContentView () por super.loadUrl("file:///android_asset/www/index.html");
Adicionar import com.phonegap.*;
Remover import android.app.Activity;
Pode aparecer um erro, onde Eclipse não consegue encontrar PhoneGap-1.0.0.jar. Neste caso, clique no botão direito sobre a pasta / libs e vá para Build Paths/ > Configure Build Paths. Depois, na aba Libraries, adicione PhoneGap-1.0.0.jar para o Projeto. Se Eclipse está sendo temperamental, talvez seja necessário atualizar (F5) o projeto mais uma vez.
Clique com o botão direito sobre AndroidManifest.xml e selecione Open With > Text Editor
Colar as seguintes permissões sob versionName: (ver codigo abaixo)
Código:
<supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:resizeable="true" android:anyDensity="true" /> <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.VIBRATE" /> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" /> <uses-permission android:name="android.permission.READ_PHONE_STATE" /> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.RECEIVE_SMS" /> <uses-permission android:name="android.permission.RECORD_AUDIO" /> <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" /> <uses-permission android:name="android.permission.READ_CONTACTS" /> <uses-permission android:name="android.permission.WRITE_CONTACTS" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />
Adicionar uma segunda atividade na sua aplicação na tag AndroidManifest. (Ver codigo abaixo)
Código:
<activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> <intent-filter> </intent-filter> </activity>
Olá Mundo
Agora é só criar e abrir um novo arquivo chamado index.html no /assets/www. Cole o seguinte código:
Código:
<!DOCTYPE HTML> <html> <head> <title>PhoneGap</title> <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> </head> <body> <h1>Hello World</h1> </body> </html>
Botão direito do mouse no projeto e vá para Run As e clique em Android Application
Eclipse pedirá que você selecione um AVD apropriado. Se não houver um, então você terá que criá-lo.
Implantar a dispositivo
Certifique-se que a depuração USB está ativado no seu dispositivo e ligá-lo em seu sistema. (Settings > Applications > Development)
Botão direito do mouse o projeto e vá para Run As e clique em Android Application
Feito!
Fonte : Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Créditos da tradução : geolado
Créditos da tradução : geolado
