Assalomu alaykum barchaga biroz avval tugatgan ammo internetga taqdimotini qilmagan loyihamni taqdimotini hozir qilamiz

@greenpointuzbot ni qanday ishlashini birgalikda ko'rib chiqamiz

Assalomu alaykum barchaga
Telegram mini apps ni dasturlayotganingizda tunnel servicelaridan foydalanib charchaganlar uchun

Vite da quyidagicha sozlasangiz sizni loyihangizni https da yoqib beradi va ishlatishingiz da muammo bomaydi

npm i vite-plugin-mkcert

import "dotenv/config";
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { join } from "path";
import mkcert from "vite-plugin-mkcert";

// https://vite.dev/config/
export default defineConfig({
  plugins: [react(), mkcert()],
    
});

va sizga cross-env packegi ham kerak bo'ladi

"scripts": {
    "dev": "vite --host",
    "dev-HTTPS": "cross-env HTTPS=true vite --host",
    "build": "tsc -b && vite build",
    "lint": "eslint .",
    "preview": "vite preview"
  },

dev-HTTPS qo'shilgan va mini apps urlga endi https://127.0.0.1:3000 ko'rinishda berishingiz mumkin bu React js uchun sozlangan vite orqali

#lifehack

aytgancha vite-plugin-mkcert buni o'rnatishingiz kerak

yana bir life hack siz oddiy instagram dan video yuklaydigan bot qilmoqchisiz
deylik har xil servicelardan foydalanmasdan shunchaki

https://www.instagram.com/reel/DLuj5SMIsnt/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==
bu instagram havolasi bo'lsa
https://kkinstagram.com/reel/DLuj5SMIsnt/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==
qilsangiz aslida telegram ga videoni preview qilib beradi siz
http so'rov yuborishda user-agent ni TelegramBot (like TwitterBot) qilsangiz videoni havolasi shunga aylanadi va bemalol mijozingizga yuborishingiz mumkin

#lifehack

Premium kun deyishgan ekan rostmana premium bosin
bu life hack tiktokdayam ishlaydi
😁
https://kktiktok.com/@ohtuleht.ee/video/7563552048935898390
user agent
TelegramBot (like TwitterBot)
bo'lishi kerak doyimgidek

#lifehack

Telegram mini appsni botingiz shapkasiga havola qoygansiz ammo botingizga start bosmasa registratsiya qib qoyganmisiz unda bundan foydalaning

birinchi init data ni backend dan tekshiring user bomasa create qiling va response qilib qaytaring keyingi etap da

  useEffect(() => {
    // Telegram.WebApp.
    Telegram.WebApp.requestWriteAccess((callback) => {
      // console.log(callback);
      if (callback == false) {
        setUsernotfound(true);
      } else {
        setUsernotfound(false);
      }
    });
  }, [telegram.can_write_dm]);

va usernotfound pageni foydalanuvchiga ko'rsatasiz va callback true bomaguncha u sahifadan chiqmaydi va bot orqali shunda mijozga xabar yuborolasiz

Assalomu alaykum yaxshimisizlar
Telegram bot va web app bo’yicha kurs qisam o’quvchilar bormikan 🤓