quickstart

Recursos:

Desenvolvendo seu Aplicativo

Nesta documentação você entenderá como iniciar o desenvolvimento do seu aplicativo.

Vamos iniciar o desenvolvimento do seu aplicativo demonstrando passo a passo a construição de um aplicativo simples como um Hello World!

Antes de botar a mão na massa

Crie o diretório do seu projeto no seu IDE preferido seguindo a estrutura descrita aqui

Vamos começar criando o config.json

No config.json você deverá colocar as informações referentes ao aplicativo. Conforme descrito abaixo:

{  
   "version":"1.0",
   "publisher_id":0,
   "title":"Hello World!",
   "introduction":"Receba um hello world para cada site cadastrado.",
   "description":"Com este aplicativo você poderá gerar um Hello World para cada site que você tiver cadastrado na Lomadee.",
   "category_id":0
}

Atributo	Descrição	Obrigatório	Aceita HTML	Tamanho Máximo
version	Versão do aplicativo.	Sim	Não	10
publisher_id	ID de afiliado da lomadee	Sim	Não	-
title	Titulo do aplicativo	Sim	Não	40
introduction	Introdução do aplicativo	Sim	Não	150
description	Descrição do aplicativo	Sim	Sim	500
category_id	ID da Categoria Opções: 1 - Link 2 - Banner 3 - Plugin 4 - Shopping 5 - XML/Feed 6 - E-mail Marketing 7 - Black Friday 8 - Vitrine HTML 9 - Mobile	Sim	Não

Muito bem! Agora vamos criar o index.html

No nosso exemplo, o projeto terá apenas uma página e como seguirá o Guideline da Lomadee e não utilizará nenhum recurso externo e não será necessário acrescentar arquivos extras como css e javascript.

Antes de vermos o template básico vai algumas regras que deverão ser seguidas:

Todas as páginas do projeto (aplicativo) deverão conter os seguintes arquivos no head: <script src="https://community.lomadee.com/resource.js" async></script> e <link rel="stylesheet" href="https://community.lomadee.com/resource.css">
Caso seu aplicativo gere formatos para ser utilizados em páginas html, é necessário adicionar a pixel analytics lomadee em todas as renderizações do seu formato. <img src="//analytics.lomadee.com/page_view" style="display:none">

Ufa! Agora vamos botar a mão na massa:

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <link rel="stylesheet" href="https://community.lomadee.com/resource.css">
      <script src="https://community.lomadee.com/resource.js" async></script>      
   </head>
   <body>
      <p>Selecione o site para o qual deseja gerar um Hello World:</p>

      <!-- Renderiza a lista de sites. Veja aqui outros recursos. -->
      <sites></sites>

      <div class="cont-btn">
         <a class="btn-flat primary" onclick="gerarHelloWorld()">GERAR</a>
      </div>

      <script>              
         function gerarHelloWorld() {                  

           //Verifica se algum site foi selecionado
           if (selectedSource==0) {               

             //Exibe mensagem de erro
             error('Selecione um site para gerar o Hello World.');   

           } else {                      
             //Limpa mensagem de erro
             error('');                        
         
             //Exibe resultado
             success('Titulo: Hello World gerado com sucesso!', 'Descrição: Utilize esse Hello World em seu site e ganhe muito dinheito!', 'Código Gerado: Hello World - sourceId = ' + selectedSource, 'textarea');                  
           }              
         }          
      </script>      
   </body>
</html>

Faça o download do exemplo acima.

Estamos quase lá! É hora de testar

Para validar e testar o seu código siga o passo a passo de como empacotar seu código e envie sua versão beta para lomadee. Quando o aplicativo encontra-se em versão beta apenas você pode visualiza-lo através da sua conta da lomadee na opção Meus Aplicativos. Caso você esteja satisfeito com o layout, usabilidade e funcionalidade do seu aplicativo, é hora de enviar para avaliação dos nossos técnicos e esperar que dê tudo certo (lembrando que nosso SLA é de até 15 dias, então não fique ancioso, tome mais um cafezinho e aproveite esse período para desenvolver o próximo app!). Clique aqui para saber mais!