SergeySkripov в 09:32, 26 сентября 2024

2024-09-26T09:32:29Z

← Предыдущая версия		Версия от 12:32, 26 сентября 2024
Строка 52:		Строка 52:

	Другие доступные объекты и методы MiniApps описаны в документации: https://core.telegram.org/bots/webapps#initializing-mini-apps		Другие доступные объекты и методы MiniApps описаны в документации: https://core.telegram.org/bots/webapps#initializing-mini-apps
			[[Категория:FlutterFlow]]
			[[Категория:Telegram]]

SergeySkripov в 09:20, 26 сентября 2024

2024-09-26T09:20:41Z

← Предыдущая версия		Версия от 12:20, 26 сентября 2024
Строка 8:		Строка 8:

	Редактирование заголовков в веб приложении находится в разделе '''Settings->WebDeployment->Custom Headers'''		Редактирование заголовков в веб приложении находится в разделе '''Settings->WebDeployment->Custom Headers'''
	[[Файл:FlutterFlow Telegram script.png\|центр\|безрамки]]		[[Файл:FlutterFlow Telegram script.png\|1000px\|центр\|безрамки]]

SergeySkripov: Новая страница: «'''Telegram MiniApps''' это веб сайты или веб приложения, которые отображаются внутри приложения Telegram и позволяют взаимодействовать с интерфейсом и данными мессенджера. Документация для MiniApps находится тут: https://core.telegram.org/bots/webapps Для того, чтобы из FlutterFlow взаимод...»

2024-09-26T09:19:52Z

Новая страница: «'''Telegram MiniApps''' это веб сайты или веб приложения, которые отображаются внутри приложения Telegram и позволяют взаимодействовать с интерфейсом и данными мессенджера. Документация для MiniApps находится тут: https://core.telegram.org/bots/webapps Для того, чтобы из FlutterFlow взаимод...»

Новая страница

'''Telegram MiniApps''' это веб сайты или веб приложения, которые отображаются внутри приложения Telegram и позволяют взаимодействовать с интерфейсом и данными мессенджера.

Документация для MiniApps находится тут: https://core.telegram.org/bots/webapps

Для того, чтобы из FlutterFlow взаимодействовать с методами Telegram нужно добавить в Headers сгенерированного сайта скрипт телеграмма.

<code><script src="https://telegram.org/js/telegram-web-app.js"></script></code>

Редактирование заголовков в веб приложении находится в разделе '''Settings->WebDeployment->Custom Headers'''
[[Файл:FlutterFlow Telegram script.png|центр|безрамки]]

Для получения данных из Telegram Client нужно использовать Custom Actions.

Пример получения данных пользователя:

''// Automatic FlutterFlow imports''

''import '/backend/schema/structs/index.dart';''

''import '/flutter_flow/flutter_flow_theme.dart';''

''import '/flutter_flow/flutter_flow_util.dart';''

''import '/custom_code/actions/index.dart'; // Imports other custom actions''

''import '/flutter_flow/custom_functions.dart'; // Imports custom functions''

''import 'package:flutter/material.dart';''

''// Begin custom action code''

''// DO NOT REMOVE OR MODIFY THE CODE ABOVE!''

''import 'dart:js' as js;''

''Future<String?> tgInitData() async {''

'' // Add your function code here!''

'' return js.context['Telegram']['WebApp']['initData'].toString();''

''}''

В результате выполнения Custom Action вернет строку с данными пользователя в виде:

<code>user=%7B%22id%22%3A38325274%2C%22first_name%22%3A%22%D0%A1%D0%B5%D1%80%D0%B3%D0%B5%D0%B9%22%2C%22last_name%22%3A%22%D0%A1%D0%BA%D1%80%D0%B8%D0%BF%D0%BE%D0%B2%22%2C%22username%22%3A%22skripov%22%2C%22language_code%22%3A%22ru%22%2C%22allows_write_to_pm%22%3Atrue%7D&chat_instance=7108251674217944838&chat_type=supergroup&auth_date=1727340618&hash=b4eaf17f4b5f2ba6cd82c743cba25eabb26a33830aca6071c6f53b318317a4a0</code>

Эту строку дальше необходимо разобрать и [https://core.telegram.org/bots/webapps#validating-data-received-via-the-mini-app валидировать] на бэкенде, т.к. злоумышленник может ее подделать. Суть валидации - это сравнение значения в поле hash с подписью всех полученных в строке данных токеном бота, именно по этой причине это нужно делать на бэкенде или облачной функции, чтобы у пользователя не было доступа к токену вашего бота из которого запускается MiniApp.

Другие доступные объекты и методы MiniApps описаны в документации: https://core.telegram.org/bots/webapps#initializing-mini-apps

Telegram Mini Apps на FlutterFlow - История изменений

SergeySkripov в 09:32, 26 сентября 2024

SergeySkripov в 09:20, 26 сентября 2024