Mudanças entre as edições de "Criar projeto cordova"
(→Criando projeto) |
|||
| (8 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
| − | Para iniciar um projeto em <strong>Cordova</strong> é preciso estar ter o [https://www.nodejs.org NodeJS | + | Para iniciar um projeto em <strong>Cordova</strong> é preciso estar ter o [https://www.nodejs.org NodeJS] instalado na máquina.<br> |
| − | Será | + | Será utilizado '''''linha de comando (cmd ou terminal ou bash)''''' para fazer a configuração e manipulação projeto.<br> |
Caso haja o '''git''' instalado é possível utilizar o '''git bash''' como o terminal. | Caso haja o '''git''' instalado é possível utilizar o '''git bash''' como o terminal. | ||
==Criando projeto== | ==Criando projeto== | ||
| + | |||
Na pasta do projeto iremos iniciar o projet através do '''cordova''', com o seguinte comando: | Na pasta do projeto iremos iniciar o projet através do '''cordova''', com o seguinte comando: | ||
<pre> | <pre> | ||
| − | cordova create < | + | cordova create <caminho> <bundle id> "<nome>" |
</pre> | </pre> | ||
| Linha 16: | Linha 17: | ||
</pre> | </pre> | ||
| − | O comando acima manda criar o projeto ''olhando'' para a pasta atual será raiz do projeto, sendo representado por '''./'''. | + | O comando acima manda criar o projeto ''olhando'' para a pasta atual será raiz do projeto, sendo representado por '''./''', é possível apontar para outras pastas, por exemplo, "C:\projetos\meuprojeto" ( sistemas windows faz uso do \ enquanto linux e mac utilizam / , preste atenção ao seu sistema). |
O ''bundle id'' geralmente segue padrões como: | O ''bundle id'' geralmente segue padrões como: | ||
* com.mstech.projeto | * com.mstech.projeto | ||
| + | * com.mstech.projeto.branch | ||
* br.com.mstech.projeto | * br.com.mstech.projeto | ||
| − | * br.mstech.projeto.branch | + | * br.com.mstech.projeto.branch |
O resultado será a seguinte estrutura de pasta na raiz do projeto: | O resultado será a seguinte estrutura de pasta na raiz do projeto: | ||
| − | + | * Projeto | |
| − | + | ** hooks | |
| − | + | ** platforms | |
| − | + | ** plugins | |
| − | + | ** www | |
| − | + | ** config.xml | |
Agora todos os comando referentes ao cordova '''precisam ser feito dentro da raiz'''. | Agora todos os comando referentes ao cordova '''precisam ser feito dentro da raiz'''. | ||
| − | == | + | |
| + | ==Adicionar uma plataforma== | ||
| + | |||
É possível verificar quais plataformas são suportadas pelo cordova com o seguinte comando: | É possível verificar quais plataformas são suportadas pelo cordova com o seguinte comando: | ||
| Linha 56: | Linha 60: | ||
Assim retornará o conteúdo que é preciso para compilar(build) o projeto em determinada plataforma. | Assim retornará o conteúdo que é preciso para compilar(build) o projeto em determinada plataforma. | ||
| + | |||
| + | |||
| + | ==Adicionar um plugin== | ||
| + | |||
| + | |||
| + | O Cordova disponibiliza alguns plugins que permitem a utilziação dos recursos nativos do disposítivo. | ||
| + | Antes de adicionar um plugins é preciso validar se o mesmo é compatível com o sistema operacional do disposítivo.<br> | ||
| + | Todo aplicativo mantido pelo Cordova contém um tabela de compatibilidade que pode ser verificada no [https://cordova.apache.org/plugins/ site oficial]. | ||
| + | |||
| + | Para adicionar um plugin utilizaremos o seguinte comando: | ||
| + | |||
| + | <pre> | ||
| + | cordova plugin add <plugin 1> <plugin 2> .... <plugin n> | ||
| + | </pre> | ||
| + | |||
| + | Para remover usamos o comandos: | ||
| + | |||
| + | <pre> | ||
| + | cordova plugin rm <plugin 1> <plugin 2> .... <plugin n> | ||
| + | </pre> | ||
| + | |||
| + | E para listar os plugins usamos o comando: | ||
| + | |||
| + | <pre> | ||
| + | cordova plugin list | ||
| + | </pre> | ||
| + | |||
==Referências== | ==Referências== | ||
| − | * [https://cordova.apache.org Apache Cordova] | + | * [https://cordova.apache.org Apache Cordova] - Site oficial do Cordova. |
| − | * [https://cordova.apache.org/#getstarted Get Started Fast] | + | * [https://cordova.apache.org/#getstarted Get Started Fast] - Tutorial de inicio. |
| − | * [https://cordova.apache.org/docs/en/latest/guide/cli/index.html Create your first Cordova app] | + | * [https://cordova.apache.org/docs/en/latest/guide/cli/index.html Create your first Cordova app] - Criando seu primeiro app em Cordova. |
| + | * [https://cordova.apache.org/docs/en/latest/guide/cli/index.html#add-platforms Add platform] - Adicionar plataformas. | ||
| + | * [https://cordova.apache.org/docs/en/latest/guide/cli/index.html#add-plugins Add plugins] - Adicionar plugins. | ||
Edição atual tal como às 14h23min de 13 de junho de 2016
Para iniciar um projeto em Cordova é preciso estar ter o NodeJS instalado na máquina.
Será utilizado linha de comando (cmd ou terminal ou bash) para fazer a configuração e manipulação projeto.
Caso haja o git instalado é possível utilizar o git bash como o terminal.
Criando projeto
Na pasta do projeto iremos iniciar o projet através do cordova, com o seguinte comando:
cordova create <caminho> <bundle id> "<nome>"
exemplo:
cordova create ./ com.mstech.projeto "Nome do meu projeto"
O comando acima manda criar o projeto olhando para a pasta atual será raiz do projeto, sendo representado por ./, é possível apontar para outras pastas, por exemplo, "C:\projetos\meuprojeto" ( sistemas windows faz uso do \ enquanto linux e mac utilizam / , preste atenção ao seu sistema).
O bundle id geralmente segue padrões como:
- com.mstech.projeto
- com.mstech.projeto.branch
- br.com.mstech.projeto
- br.com.mstech.projeto.branch
O resultado será a seguinte estrutura de pasta na raiz do projeto:
- Projeto
- hooks
- platforms
- plugins
- www
- config.xml
Agora todos os comando referentes ao cordova precisam ser feito dentro da raiz.
Adicionar uma plataforma
É possível verificar quais plataformas são suportadas pelo cordova com o seguinte comando:
cordova platform
Para poder fazer a distribuição para uma plataforma é preciso atribui-la ao projeto.Com o seguinte comando será possível importa uma plataforma desejada.
cordova platform add <plataforma>
Cada plataforma tem seus requirimentos para funcionar, assim para validar as dependências da plataforma.
cordova requirements <plataforma instalada>
Assim retornará o conteúdo que é preciso para compilar(build) o projeto em determinada plataforma.
Adicionar um plugin
O Cordova disponibiliza alguns plugins que permitem a utilziação dos recursos nativos do disposítivo.
Antes de adicionar um plugins é preciso validar se o mesmo é compatível com o sistema operacional do disposítivo.
Todo aplicativo mantido pelo Cordova contém um tabela de compatibilidade que pode ser verificada no site oficial.
Para adicionar um plugin utilizaremos o seguinte comando:
cordova plugin add <plugin 1> <plugin 2> .... <plugin n>
Para remover usamos o comandos:
cordova plugin rm <plugin 1> <plugin 2> .... <plugin n>
E para listar os plugins usamos o comando:
cordova plugin list
Referências
- Apache Cordova - Site oficial do Cordova.
- Get Started Fast - Tutorial de inicio.
- Create your first Cordova app - Criando seu primeiro app em Cordova.
- Add platform - Adicionar plataformas.
- Add plugins - Adicionar plugins.
