Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tzuyi0817/twa
Telegram Web App example
https://github.com/tzuyi0817/twa
ci-cd telegram-bot-api vue3-typescript
Last synced: about 2 months ago
JSON representation
Telegram Web App example
- Host: GitHub
- URL: https://github.com/tzuyi0817/twa
- Owner: tzuyi0817
- License: mit
- Created: 2023-10-18T07:08:24.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-29T12:36:15.000Z (2 months ago)
- Last Synced: 2024-10-29T15:02:56.753Z (2 months ago)
- Topics: ci-cd, telegram-bot-api, vue3-typescript
- Language: TypeScript
- Homepage: https://tzuyi0817.github.io/TWA/
- Size: 2.45 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# TWA
Telegram Web App example
## Import Web Pages Into Telegram Bot
- Telegram to join BotFather
- Enter `/newbot` and follow the instructions to create a robot
- Enter `/mybots` and select the robot you just created
- Select `Bot Settings > Menu Button`, then paste the web page you just created and enter the button title
- You should be able to see the button when you join the robot you just created. After clicking it, you will see the web page you just created.
## Project Files
```text
src/
├── __tests__/
│ ├── __mocks__/
│ ├── setup/
│ │ └── unitTest.ts
│ ├── e2e/*
│ └── unit/*
├── apis/*
├── assets/*
│ └── images/
│ └── svgIcons
│ └── vue.svg
├── components/
│ ├── common/
│ │ └── SvgIcon.vue
│ └── indexPage/
│ └── HelloWorld.vue
├── configs/*
├── hooks/*
├── locales/
│ ├── en-US.json
│ └── zh-CN.json
├── mocks/
│ ├── handlers/*
│ │ ├── apis/*
│ │ └── index.ts
│ │── browser.ts
│ └── server.ts
├── pages/
│ └── IndexPage.vue
├── plugins/
│ └── i18n.ts
├── router/
│ └── index.ts
├── stores/
│ ├── modules
│ │ └── config.ts
│ └── index.ts
├── styles/
│ ├── common/
| │ ├── all.postcss
| │ └── button.postcss
│ ├── index.postcss
│ └── tailwind.postcss
├── types/*
├── utils/*
├── App.vue
├── vite-env.d.ts
└── main.ts
```