Coder Social home page Coder Social logo

miniapp's Introduction

create-svelte

Basic Mini App Installation

npm i @twa-dev/sdk

Private User to Bot Interaction

  1. Generate ca.pem, cert.pem, key.pem for local testing because https is required.
  2. Open BotFather
  • Create a Bot - /newbot
  • Deploy your web app on any Cloud provider
  • Copy your web app url
  • Create a Link to URL button - /setmenubutton
  • Enjoy

User to User Interaction (Users will be able to run the web app directly while on chat)

At this point, you can:

  • Check /myapps
    • If you currently have no webapps. Use /newapp command to create a first web app.
  • Alright, if a new web app is created. Which bot will be offering the web app?
    • name one
  • Creating a new web app for your bot? Please enter a title for the web app.
  • (Optional) Please upload a photo using your phone, 640x360 pixels
  • (Optional) Now upload a demo GIF or send /empty to skip this step. (640x360 OR 320x180 OR 960x540)
  • Great! now please send your web app URL hosted on Cloudflare, Vercel or any other to server as a unique identified for your web app.
  • Last but not least, send the new description for the bot for a block titled "What can this bot do?"

miniapp's People

Contributors

shohinsan avatar

miniapp's Issues

Bot Implementation Tweaks

bot.ts needs some improvements adding setChatMenuButton so that Menu button is created programmatically, at the moment it works with BotFather

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.