Um template inicial para criar uma TWA (Telegram Web App) que interage com a blockchain TON.
Este projeto é altamente opinativo, servindo como um ponto de partida para o desenvolvimento de aplicativos web no Telegram que interagem com a blockchain TON. Algumas características incluem:
- Suporte a carteiras Ton Connect 2
- Utiliza Vite com React (alternativa ao Create React App)
- Usa o pacote
ton
do npm
- Node.js v16 (outras versões podem funcionar, mas precisam ser testadas)
- Uma carteira compatível com Ton Connect (por exemplo, Tonkeeper)
- Um aplicativo pronto para TWA baseado em React, interagindo com a TON
- Configurações do GitHub Actions para implantar o app no GitHub Pages
- Um script para conectar um bot do Telegram ao aplicativo implantado
-
Crie um repositório a partir deste template usando o botão "Use this template"
-
Clone o repositório e instale as dependências
git clone https://github.com/seu-usuario/seu-repositorio.git cd seu-repositorio yarn # ou npm install
2.1 Para executar a pipeline na sua máquina local execute o comando abaixo:
```bash
chmod +x pipeline.sh
```
-
Crie um novo bot com o BotFather
- Digite
/newbot
- Escolha um nome para o seu bot (ex:
Meu Ecomm TWA
) - Escolha um nome de usuário para o seu bot (ex:
meu_ecomm_twa_bot
) - Anote o token de acesso fornecido (ex:
123456789:ABCdefGHIjklMNOpqrSTUvwxYZ
) - Execute
yarn configbot
ounpm run configbot
para vincular seu bot ao aplicativo web
- Digite
-
Inicie uma conversa com o BotFather e digite o comando
/newapp
./newapp
-
Selecione o bot que oferecerá o Web App:
- Escolha o bot que você criou anteriormente (por exemplo:
@govinda_systems_bot
).
- Escolha o bot que você criou anteriormente (por exemplo:
-
Digite um título para o Web App:
- Exemplo:
Govinda Systems E-comm
.
- Exemplo:
-
Forneça uma breve descrição:
- Exemplo:
Template inicial de E-commerce utilizando TON blockchain e Telegram Web Apps (TWA)
.
- Exemplo:
-
Envie uma imagem de visualização (dimensões recomendadas: 640x360 pixels).
- Depois de completar esses passos, o Web App estará pronto para ser vinculado ao bot e usado dentro do Telegram.
-
Inicie o ambiente de desenvolvimento
npm run dev
-
Edite o código conforme necessário
- O aplicativo recarregará automaticamente com as mudanças.
-
Implantação automática
- Ao fazer push para a branch
main
, o aplicativo será implantado automaticamente via GitHub Actions.
- Ao fazer push para a branch
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou pull requests. Vamos construir juntos uma comunidade forte em torno deste projeto.
Este projeto está licenciado sob a Licença MIT.