Publicado em

Como criar chave API para Flickr

ap4biz flickr icone
  • Flickr

Vá para o  flickr aqui  (você deve ter uma conta do Yahoo).

ap4biz flickr api

Clique em obtenha uma chave API.

ap4biz flickr api

Clique em Solicitar uma chave não comercial.

ap4biz flickr api

Em seguida, digite o nome do seu aplicativo, uma descrição, aceite as condições e clique em Enviar.

ap4biz flickr api

Pronto, você já tem sua Chave e Segredo.

Copie e cole no construtor do aplicativo em seu Editor em Configurações> APIs no local indicado para Flickr.

 

Para usar imagens do Flickr, separe este recurso no carrinho:

Imagens

 

Publicado em

Como criar chave API para Instagram

ap4biz instagram icone
  • Instagram

1. Você precisará de uma conta do Instagram
2. Faça o login para https://www.instagram.com/developer/
3. Clique em ” Gerenciar clientes “:

ap4biz api instagram

4. Preencha os campos, para o ” Nome da Aplicação ” digite o nome da sua empresa ou o seu criador de aplicativos e, para a ” Descrição “, apenas diga que este aplicativo Instagram permite aos usuários integrar as galerias de fotos Instagram em suas aplicações móveis. Nos campos ” URL do site ” e ” URIs de redirecionamento válido “, insira o URL do sua plataforma (https://apps.ap4biz.com.br).

ap4biz instagram api

5. Crie ou atualize o cliente. ap4biz instagram cliente Agora você tem um ID de cliente.

6. Clique em ” Gerenciar ” para entrar no seu aplicativo Instagram e, em seguida, clique na aba ” Segurança “, desmarque ” Desativar OAuth implícito:” e clique em ” Atualizar Cliente “:

4. Clique em 5. Preencha os campos, para o " Nome da Aplicação " digite o nome da sua empresa ou o seu criador de aplicativos e, para a " Descrição ", apenas diga que este aplicativo Instagram permite aos usuários integrar as galerias de fotos Instagram em suas aplicações móveis. Nos campos " URL do site " e " URIs de redirecionamento válido ", insira o URL do seu Siberiano. 6. Agora você tem um ID de cliente. 7. Clique em " Gerenciar " para entrar no seu aplicativo Instagram e, em seguida, clique na aba " Segurança ", desmarque " Desativar OAuth implícito: " e clique em " Atualizar Cliente ":

8. Neste URL abaixo:

https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token

Substitua “CLIENT-ID” e “REDIRECT-URI” com sua própria informação

CLIENT-ID está no topo de sua página Instagram. O REDIRECT-URI e a nossa plataforma de aplicativos, ou seja, https://apps.ap4biz.com.br.

Então sua URL ficará assim:  https://api.instagram.com/oauth/authorize/?client_id=07a8299999999999999c6110682&redirect_uri=https://apps.ap4biz.com.br&response_type=token

Em seguida, cole a url em seu navegador.
9. Autorize a solicitação da API e pronto.
10. Agora pegur o código na URL após “access_token =“, ele será sua chave de API.
11. Antes de usar o Instagram na plataforma (onde vc esta criando seu app), é necessário adicionar pelo menos uma imagem na sua conta do Instragram.
12. Cole seu CLIENT-ID e seu ACCESS TOKEN em seu Editor, em Configurações> APIs> Instagram:

ap4biz api cleinte

Você encontrará todo o processo neste vídeo:

 

 

Para usar imagens do Instagram, separe este recurso no carrinho:

Imagens

 

Publicado em

Como criar chave API para Facebook

ap4biz facebook icone
  • Facebook

1. Você precisará de uma conta de usuário do Facebook

2. Vá para  https://developers.facebook.com/

3. Registre e verifique sua conta

4. Clique em Meus Aplicativos > Adicionar um aplicativo

ap4biz facebook api

5. Digite um nome para o seu aplicativo do Facebook. Este nome será mostrado aos usuários do aplicativo quando quiserem criar uma conta no aplicativo através do Facebook connect.

ap4biz facebook api

6. Clique em “Crie um número de identificação do aplicativo” e faça verificação de segurança, se necessário.

ap4biz facebook api

7. Escolha “ Login do Facebook ” na lista clicando em ” Configurar “:

ap4biz facebook api

8. No menu à esquerda, clique em “Configurações” > “Básicas” e defina as configurações de Nome do seu App, email, URL de Política e termos, para categoria selecione “Utilidade e Produtividade” e o ícone. O ícone para seu aplicativo não é obrigatório, mas seu aplicativo do Facebook será mais profissional com um ícone quando o usuário for convidado a se conectar com sua conta do Facebook.

9. A partir do menu do Facebook configurações esquerda, clique em ” Facebook Login “> ” Configurações ” e cole os URLs e clique em ” Salvar alterações ” (basta digitar https://apps.ap4biz.com.br/, http://apps.ap4biz.com.br/, https://localhost/callback/, http://localhost/callback/, https://*.ap4biz.com.br/, http://*.ap4biz.com.br/, https://www.ap4biz.com.br/,http://www.ap4biz.com.br/ ):

Clique em ” + Adicionar plataforma ” e escolha ” Site ”

ap4biz facebook api

ap4biz facebook api

Preencha as URL’s do site:

(Recomendamos que você defina ambos os Endereço “http” e “https” e, portanto, 6 entradas) como está aqui em baixo:

https://apps.ap4biz.com.br/, http://apps.ap4biz.com.br/, https://*.ap4biz.com.br/, http://*.ap4biz.com.br/, https://www.ap4biz.com.br/,http://www.ap4biz.com.br/

e clique em Salvar alterações:

10. No menu à esquerda, clique em “Configurações” > “Avançadas” e deixe como nas imagens abaixo:

ap4biz facebook apiap4biz facebook api

11. No menu à esquerda, clique em ” Revisão da aplicativo “:

ap4biz facebook api

12. Mudar “Tornar Aplicativo” público? “Para” SIM “.
13. No menu à esquerda, clique em ” Configurações  >> Básico“.

ap4biz facebook api

Copie e cole o seu “ID do Aplicativo” e “Chave secreta” no construtor do aplicativo em seu Editor em Configurações> APIs no local indicado para o Facebook.

Você terminou!

 

Você ainda encontra todo o processo neste vídeo:

Para usar Facebook, separe este recurso no carrinho:

Facebook

 

Publicado em

Como criar Chave API para Stripe

ap4biz stripe

Criando chaves API de sua conta no Stripe

Estas chaves são usadas em seu aplicativo para que você possa cobrar através deste método. Veja se este tipo de pagamento já está disponível em seu país.

Se prefere pagamento via PayPal veja aqui como fazer.

Para ter suas chaves API da Stripe, basta criar sua conta em http://stripe.com e, uma vez que sua conta comercial seja valida pela Stripe, você poderá obter suas chaves API:

Clique na API no menu à esquerda:

 

Ap4biz Stripe Config

 

e nas configurações da API, use “Live Keys”:

Ap4biz Stripe Config

Copie essas chaves para sua configuração do recurso “Comércio“.

Publicado em

Como criar API para Paypal (recurso Comércio)

ap4biz paypal logo

Como configurar o sua conta PayPal

Neste tutorial, vamos ver como configurar sua conta Paypal para permitir pagamentos on-line no recurso Comércio e receber pagamentos em sua conta Paypal.

Definir a moeda do seu aplicativo na parte inferior da aba de design do editor do seu aplicativo.

 

PRIMEIRO, se você não possui uma conta Paypal, é necessário criar uma. Por favor, vá para paypal.com e cadastre-se gratuitamente.

Sua conta Paypal deve ser “premium” ou “business”.

Aqui está o que você precisa para configurar o Paypal no seu aplicativo para dispositivos móveis:

  • Nome de usuário da API Paypal
  • Senha da API Paypal
  • Assinatura Paypal

O processo é simples, mas precisa de alguns requisitos.

1. – Primeiro, abra o paypal.com e faça o login.

Ap4biz Paypal Login

2. – Após o login, no menu principal, clique em “Perfil” para abrir o menu e em seguida clique em “Perfil e Configurações”.

ap4biz paypal criar conta

3. – Em seguida, clique em “Minhas Ferramentas de Venda” no menu lateral e depois clique em “Atualizar” dentro da opção “Acesso à API”.

paypal ap4biz criar conta

4. – Na página seguinte existem duas opções, selecione a opção 2 – “Solicitar credenciais de Interface de Programação de Aplicativos (API)…”, clique no link conforme imagem abaixo. Observação: para criar suas credenciais (ou certificado) é necessário ter o email da conta PayPal confirmado.

ap4biz paypal criar api

5. – Na página seguinte mais duas opções, dessa vez selecione a opção 1 – “Solicite uma assinatura de API”. e clique em “Concordar e enviar”.

ap4biz paypal API

6. – E pronto, a última tela mostrará as informações criadas: as Credenciais de API, chave composta por um nome de Usuário, uma senha de API e uma assinatura, estará oculta e para visualizar basta clicar em “Exibir”.

ap4biz paypal

Outro detalhe importante é exibido no topo da última tela:

Desenvolvedores: não compartilhem com ninguém as informações de suas credenciais. Guardem-nas em local seguro de acesso restrito.

Esse acesso deve ser guardado de forma segura, ele oferecerá acesso à dados confidenciais de sua conta, inclusive para transferência de valores para outras contas.

Esta documentação foi atualizada em 20/02/2018, caso seu acesso tenha mostrado alguma diferença, click aqui para ir direto ao site da PayPal.

 

Sob seu nome, certifique-se de que seu status seja lido: Verificado . Se sua conta não for verificada, você deve verificar por Paypal.

Em seguida, vá para o painel da plataforma de seu aplicativo, no recurso “Comércio“, depois de habilitar o Paypal para seus métodos de pagamento, basta inserir as credenciais que você acabou de receber do Paypal:

ap4biz comercio paypal

Isso é tudo! Seu aplicativo está pronto para receber pagamentos com o Paypal.

Para vender, separe este recurso no carrinho:

Comércio

Publicado em

Recurso (Social) – Agendamento

agendamento

Marque compromissos a qualquer momento, a partir de seu aplicativo ou da loja.

Através de uma interface de front-end da Web, o proprietário da aplicação pode adicionar compromissos ao calendário das solicitações de clientes via aplicativo ou por telefone.

Neste recurso, seus clientes poderão agendar horários, escolher o profissional que o atenderá e ainda emite um aviso de lembrete antes do compromisso, para que o cliente não esqueça de comparecer. Os horários são pré-estabelecidos e determinados de acordo com cada profissional.

Ao incluir este recurso, 3 barras de ícones denominadas Agenda, Compromissos e Configurações.

Vamos começar definindo as configurações (ícone superior a direita):

Em configurações você encontra 6 subitens: Locais, Serviços, Provedores, Escalas, Opções e Integração.

 1. Locais – Aqui serão incluídos todos dados de suas lojas (vide abaixo), como nome da loja, endereço e horários de funcionamento.

Para incluir um local, click em “Ap4biz mais“.

2. Serviços

Em serviços você define as categorias  e cada serviço destas categorias.

Exemplo: Categoria -> Tratamento de pele  = Serviço -> limpeza

Para incluir, click em “Ap4biz mais“. Cadastre primeiro a categoria. Ao incluir um serviço, será exigido a categoria.

Para definir um serviço você deve saber o nome, preço, tempo do serviço, intervalo e categoria.

3. Provedores

Para incluir, click em “Ap4biz mais“. Provedores são as pessoas/funcionários que executarão os serviços.

Preencha todos os dados dos provedores, como Nome, e-mail, telefone, descrição e foto. A foto ajuda o cliente a identificar o profissional no momento de agendar.

Após incluir o provedor, click “Agendar atribuir” para atribuir serviços a este provedor. É importante que os serviços já estejam cadastrados.

4. Escalas

Aqui você define os dias, horários de trabalho e folgas de cada provedor.

5. Opções

Aqui você configura  como o agendamento de se comportar: Pra quem enviar e-mail, se vai lembrar ao cliente, política de cancelamento, imagem de capa e ícones reserva e notificação ao cliente.

6. Integração

Para integrar o seu site ao agendamento do aplicativo, copie o texto em “Código de nomeação do widget” e cole em uma página de seu site no formato HTML. Veja exemplo no rodapé deste site.

Agora vamos clicar no ícone “Compromissos“. Aqui serão mostrados todos os agendamentos feitos pelos clientes.

Você pode mostrar esses compromissos por seus estados: Todos, Reservados, Cancelados ou Concluídos.

Para buscar qualquer campo de compromissos digite sua busca no campo “Pesquisa”.

Agendamento

Agora vamos clicar no ícone “Agenda“. Serão mostrados uma lista com todos os compromissos de acordo com suas escolhas (Loja, provedor, data).

Ao clicar (duplo click) em um horário da agenda acima você pode incluir ou editar um compromisso. Para mover um compromisso basta clicar nele e arrastar para outro horário.

Agenda editar

O módulo agendamento permite que os proprietários do Aplicativo marquem compromissos usando o aplicativo ou através de um acesso (widget) diretamente em um site (ainda em inglês).

Se gostou, separe este recurso no carrinho:

Agendamento

Publicado em

Inicio Rápido para editar um app

ap4biz montar app

Veja neste vídeo rápido, como usar o construtor de aplicativos

Um passo a passo bem rápido e simples, sem detalhes.

 

INÍCIO

Dê um nome ao seu aplicativo, este será o nome público para seu aplicativo na Apple Store e Play Store.

A cada página construída de seu aplicativo, será mostrado um visualizador (como ao lado direito do vídeo) para que você saiba como está ficando seu app.

Obs: Nunca abra 2 aplicativos (um em cada aba) em um mesmo navegador, isto causa confusão de informações entre os editores. Para editar 2 ou mais aplicativos ao mesmo tempo, use um navegador diferente para cada aplicativo em edição (ex: Chrome, Firefox, MS Internet Explorer…).

DESIGN

Nesta aba você poderá escolher um modelo, a imagem de fundo, a moeda e a fonte dos textos do seu aplicativo.

ESCOLHA SEU TEMA – Design > Mude o seu modelo

ESCOLHA SEU LAYOUT – Design > Altere seu layout

Para isso basta escolher os vários modelos de botões e ver na visualização que aparece ao lado, qual modelo lhe agrada mais.

ESCOLHA SUA IMAGEM DE CAPA – Design > Altere seu imagem

Para isso basta escolher uma imagem para cada modelo de tela (diferentes smartphones).

ESCOLHA SEU PAÍS – Design > Escolha um país

Ao escolher o país você estará escolhendo a moeda que será usada em seu aplicativo.

ESCOLHA SUA FONTE – Design > Escolha uma família de fontes

Escolha uma família de fontes que será usada em seu aplicativo

CORES

ESCOLHA SUAS CORES – Cores > …

Aqui você irá escolher as cores que prevalecerão em seu aplicativo. Cores de fundo, de botões e de textos.
Para visualizar as cores no smartphone modelo, click no botão LIST (Canto superior direito).
Para alternar em cada região do app, basta posicionar o cursor sobre o módulo desejado a esquerda (CABEÇALHO, PÁGINA PRINCIPAL, LISTA, etc).

RECURSOS

ESCOLHA OS SEUS – Recursos > Adicionar páginas

Aqui você escolherá os recursos que interessam ao seu app, como Localização, Contato, Cartão fidelidade, Rede social, Eventos e muitos outros.

Em Suas páginas (no alto) são mostradas as páginas de recursos atuais de seu app.

Em Adicionar Páginas você escolhe os recursos que deseja incluir em seu app, para isso basta clicar no botão azul desejado.

Após incluir um recurso, seus detalhes serão mostrados para preenchimento.

 MoverUse-o  para arrastar a página e ordená-la a seu critério. Esta será a ordem que os ícones do app irão aparecer na tela inicial.

ExcluirUse-o  para excluir a página e todo seu conteúdo.

  Click nestes botões de Suas Páginas para mover os ícones para a esquerda e direita.

Cada página incluída terá um nome (Nome dos botões do app).

Para ativar/desativar qualquer página use este botão “Ativado“. Ao desativar a página, ela não aparecerá no app. Isso é bom para quando temos uma página inacabada.

Ative/Desative o botão que permite ou não que se compartilhe a página.

Todas as páginas lhe permitirão a troca do fundo, para isso basta escolher uma imagem. Este procedimento é o mesmo para todos os outros recursos.

Obs: Sabe quando você tem certeza que atualizou uma imagem ou algo assim e o navegador insiste em te mostrar o mesmo resultado?  Isto é porque o navegador guarda os dados em cache para ganhar agilidade. Para evitar este problema durante a construção de seu app, você pode navegar em uma janela anônima. Outra solução é usar o CTRL + F5 para recarregar a página quando perceber que ela insiste em não alterar.

No Chrome:       SHIFT + CTRL + N para abrir uma janela anônima.

No Firefox:         SHIFT + CTRL + P para abrir uma janela privada.

No MS Internet Explorer:            SHIFT + CTRL + P para abrir uma janela privada.

Isto pode tornar o navegador um pouco mais lento, mas atualiza as páginas sempre.

Para ver o editor com mais detalhes, vá ao menu “Posts de Ajuda” OU escolha pela categoria em “Categoria de Posts (Ajuda)” na lateral esquerda.

Publicado em

Recurso (Social) – Fãs

fas

Com o recurso Fã, os usuários de seu aplicativo poderão publicar comentários e/ou fotos e discutir entre si.

1. Adicione o recurso Fã

Clique na  Recurso Fã   seção “Adicionar Páginas“:

Ap4biz fã

Você pode configurar as configurações “Perto de mim”. Isso permitirá que um usuário exiba apenas os comentários/fotos do painel de usuários ao seu redor, no raio que você determinou.

2. Adicionar postagem

Você pode adicionar postagens diretamente do editor clicando em   ao lado de ” Adicionar conteúdo “:

  • ” Título “: é o título da publicação
  • ” Subtítulo “: Será exibido sob o título, é um resumo da postagem.
  • Você pode criar o corpo de sua postagem no Editor de texto.
  • ” Inserir uma imagem “: você poderá ilustrar sua postagem com uma foto.

Aqui é o que parece no aplicativo:

  

Você ou os usuários do aplicativo podem adicionar mensagens através do aplicativo. Basta clicar no pequeno ícone no canto superior direito da página da fãs.

Em seguida, crie uma conta ou faça o login (se você já possui uma conta). E, em seguida, digite sua mensagem e/ou faça o upload de uma imagem.

    

3. Gerenciar conteúdo

De volta ao editor! Você pode gerenciar suas novidades através da guia “Gerenciar conteúdo”:

  • “Lupa”:  exiba um resumo das novidades.
  • “Caneta”:  Edite as notícias.
  • “Balão de fala”:  exiba os comentários das notícias.
  • “Olho”:  ocultar as notícias.
  • “Xis”:  exclua as notícias.
Você pode escolher outro design para esta página na guia “Design”:

 

 

Finalmente, você pode adicionar uma imagem em segundo plano para o recurso na guia “Fundo”:

 

Ap4biz fundo fã

Atualizado em 20/02/2018.

Se gostou, separe este recurso no carrinho:

Fãs

Publicado em

Recurso (Social) – Noticias

noticia

Este recurso permite que você crie uma página de notícias com foto e comentários de usuários.

Funciona como um muro de notícias, os usuários podem encontrar todas as postagens que você escreveu nele.

Clique  Screen Shot 2016-06-24 at 12.13.29 para criar suas notícias:

  • “Título”: Aqui está o título das suas Notícias “
  • “Data”: agende a data de publicação das suas notícias.
  • “Subtítulo”: é um resumo da descrição das notícias.
  • Descreva suas novidades no editor de texto.
  • “Inserir uma imagem”: escolha uma imagem para ilustrar suas notícias.

Aqui está o que parece no aplicativo:

Clique nas notícias:

Seus usuários poderão comentar e gostar das novidades:

De volta ao editor! Você pode gerenciar suas novidades através da guia “Gerenciar o conteúdo”:

  • “Lupa”: exiba um resumo das novidades.
  • “Caneta”: Edite as notícias.
  • “Balão de fala”: exiba os comentários das notícias.
  • “Olho”: ocultar as notícias.
  • “Xis”: exclua as notícias.

 

Você pode escolher outro design para esta página na guia “Design”:
Finalmente, você pode adicionar uma imagem em segundo plano para o recurso na guia “Fundo”:

Ap4biz fundo fã

 

Se gostou, separe este recurso no carrinho:

Notícias