Faça rifas online com pagamento por Pix utilizando apenas HTML, CSS e Javascript no frontend e o Apps Script + Spreadsheets da Google como backend e base de dados.
Exemplo rifa.dgls.me
-
Faça uma cópia da Planilha Modelo para a sua conta Google.
Atenção: O Arquivo do Apps Script anexado deve ser copiado junto...
-
Configure sua rifa de acordo com a suas necessidades na planilha da rifa.
Para fazer o build da página da sua rifa você precisa gerar uma URL implementanto um App da Web no Apps Script do Google.
-
Vá até Extensões > Apps Script
-
Implemente um App da Web
Mantenha marcado apenas App da web.
Atenção: Em Quem pode acessar selecione Qualquer pessoa.
Clique em Implementar e autorize a aplicação.
Possivelmente o Google irá te pedir para verificar essa aplicação unsafe, basta clicar em Advanced e em seguida Go to rifa-spreadsheets (unsafe).
-
Copie a URL do App na Web
-
Faça o build da app passando a variável de ambiente
SCRIPT_GOOGLE_URLcom a URL do App na Web$ export SCRIPT_GOOGLE_URL='[URL do App na Web]' $ npm run build
-
Faça o deploy na sua CDN de preferência com os arquivos de output em
dist/.
Requisitos:
- Ter um conta no Mercado Pago
- Ter pelo menos uma chave Pix cadastrada na conta
-
Crie uma aplicação em Mercado Pago Developers
Configure da seguinte forma:
- Qual tipo de solução de pagamento você vai integrar? Pagamentos on-line
- Você está usando uma plataforma de e-commerce? Não
- Qual produto você está integrando? CheckoutTransparente
-
Na sua planilha, na aba de configurações.
- Altere o valor da linha 10, coluna B para
mp - Adicione o Access Token da sua aplicação na linha 10, coluna C
- Altere o valor da linha 10, coluna B para
-
Adicione o Acionador baseado no tempo, para atualizar automáticamente os status de pagamento.
-
Vá até o Apps Script em Acionadores.
-
Clique em Adicionar acionador e preencha de acordo com a imagem abaixo:
-
