Start a conversation

Criando uma Aplicação Calendário - Integração com o Google Calendar

Corrigindo erro de certificado SSL

Para corrigir o erro cURL error 60: SSL certificate problem: unable to get local issuer certificate acesse nosso artigo Execução do calendário exibe: cURL error 60


Para os clientes que já possuem aplicações de calendário e que desejam ter acesso as novas funcionalidades em suas aplicações veja como Adicionar novas colunas nas tabelas do seu calendário.


Neste artigo iremos mostrar o passo a passo para a criação do calendário do Scriptcase integrado ao google calendar.


1 - Na criação da aplicação de calendário, podemos selecionar uma tabela existente ou Criar tabela - Esta opção cria automaticamente uma tabela na base de dados com os campos necessários para a utilização desta aplicação - após selecionar a opção desejada clique em Criar.


Abaixo seguem os campos necessário para o funcionamento de todas as opção da aplicação.

ID
INT(11)
PRIMARY KEY AUTO_INCREMENT
TITLE
VARCHAR(300)
NOT NULL
DESCRIPTION
TEXT

START_DATE
DATE
NOT NULL
START_TIME
TIME
DEFAULT NULL
END_DATE
DATE
DEFAULT NULL
END_TIME
TIME
DEFAULT NULL
RECURRENCE
VARCHAR(1)
DEFAULT NULL
PERIOD
VARCHAR(1)
DEFAULT NULL
CATEGORY
INT(11)
DEFAULT NULL
ID_API
VARCHAR(255)
DEFAULT NULL
ID_EVENT_GOOGLE
VARCHAR(255)
DEFAULT NULL
RECUR_INFO
VARCHAR(255)
DEFAULT NULL
EVENT_COLOR
VARCHAR(255)
DEFAULT NULL
CREATOR
VARCHAR(255)
DEFAULT NULL
REMINDER
VARCHAR(255)
DEFAULT NULL


2 - Após a criação da aplicação devemos configurar a API do Google Calendar. Esta API servirá para sincronizar a agenda do google com a aplicação desenvolvida no Scriptcase.

Primeiramente devemos ativar a API Google Calendar, acessando a Biblioteca de APIs.


3 - Após a ativação, é necessário configurar a “Tela de consentimento OAuth”. Clique aqui para acessa-la.
Neste etapa devemos realizar as seguintes configurações:

  • Endereço de e-mail - Selecionar o e-mail que será utilizado como fonte para a agenda do google;
  • Nome do produto mostrado aos usuários - Informe um nome que será exibido para os clientes. Certifique-se de que o nome descreva o seu produto com precisão e tome cuidado para não usar nomes que sugiram que o produto seja do Google ou de outra empresa.

É necessário informar o endereço de e-mail e o nome do produto, os demais itens são opcionais.


4 - Em seguida devemos criar uma  Credencial > ID do cliente OAuth. Selecione a opção “Aplicativo da Web” e siga com a configuração abaixo.

  • Nome - Informe um nome para o ID do cliente OAuth
  • Origens JavaScript autorizadas - Informe a URL raiz do seu sistema.  
    Exemplo: http://seudominio.com ou http://localhost
  • URIs de redirecionamento autorizados -  Insira a URL completa até sua aplicação calendário finalizando com o index.php.
    Exemplo: http://localhost:8090/scriptcase/app/samples/calendar05/index.php


5 - Após a criação podemos visualizar todas as credenciais criadas para esta conta.


6 - Agora devemos realizar o download do JSON que será utilizado na aplicação criada.


7 - Após realizar o download, abra o arquivo, copie seu conteúdo e coloque no campo Cliente OAuth Json nas configurações da integração com o google calendar em sua aplicação. É necessário também habilitar a opção Integrar com o Google Calendar.

  • Integrar com o Google Calendar - Habilita a integração com o Google Calendar
  • Cliente OAuth Json - Campo onde devemos informar o Json gerado após a criação da Credencial > ID do cliente OAuth
  • Login no Google Oauth - Define se a autenticação da conta do google será realizada por sessão ou apenas uma vez.

8 - Após realizar essas configurações, execute a aplicação. Será necessário realizar o login na conta utilizada para a criação do Json.


9 - Em seguida, será solicitada a permissão de acesso a seu calendário, clique em permitir.


10 - Após conceder a permissão de acesso, sua aplicação será executada. Para Importar os eventos do seu google calendar, clique em Importar eventos do Google.


11 - Selecionar a agenda do Google que deseja importar.


12 - Agora os eventos do Google Calendar estarão em sua aplicação.

Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. Scriptcase Manager

  2. Posted
  3. Updated

Comments