Зроби Кролика Щасливим! Продовжуємо розробку – 3.

На картинці я зробив 3 сонця, вирішив таким чином візуалізувати 3 пост активної фази розробки MakeRabbitHappy

У цьому пості йтиметься про мої дослідження Telegram Web App (або Telegram Mini Web App), проте забігаючи вперед, хочу сказати, що я вже почав робити це просто на сайті.

Поки що без використання програми в телеграм. У розмові з приятелем, який також є розробником, я зрозумів, що можна підключати додатки на кшталт телеграм вже в наступний рівень розвитку проекту.

Зараз можна робити просто на веб-сайті. Ідея мені сподобалося – я спробував, мені сподобалося ще більше.

А це те, як я досліджував тему SSL сертифікатів, налаштовуючи його на своєму ubuntu сервері.

Установка Certbot
Для отримання SSL-сертифіката Let's Encrypt необхідно встановити програму Certbot на сервер.

Під час встановлення програмного забезпечення з PPA вводимо команду:

apt-get install software-properties-common

Далі додаємо репозиторій:

add-apt-repository ppa:certbot/certbot

Встановимо пакет Apache Certbot з apt

$sudo apt install python-certbot-apache

Отже, ми підготували Certbot для використання. Тепер, щоб він зміг налаштувати сертифікат Apache, нам необхідно перевірити деякі налаштування веб-сервера.

certbot --apache --email [email protected] -d efiit.com -d www.efiit.com

sudo ./letsencrypt-auto --apache -d efiit.com -d www.efiit.com

sudo systemctl stop <service_name>
https://efiit.com

sudo ufw allow 'Apache HTTP'
sudo ufw allow 'Apache HTTPS'
sudo ufw enable

sudo a2ensite efiit.com.conf

У мене не вийшло з https://github.com/andrew000/Telegram-WebApp-Bot

Пробую з https://github.com/mauriciobraz/next.js-telegram-webapp

pnpm create next-app --example https://github.com/mauriciobraz/next.js-telegram-webapp makerabbithappy

cp .env.example .env.local

pnpm dev

Також не вийшло!

Тепер цей: https://github.com/yeikel16/flutter-webapp-bot

git clone https://github.com/yeikel16/flutter-webapp-bot.git
python3 -m pip install -r requirements.txt

З цим вийшло, проте код запускає програму https://taupe-tulumba-027376.netlify.app/

Ага, ось сам код програми:
https://github.com/yeikel16/tele_web_app/tree/master/example

Що ж, у наступному пості я вже розповім про свої успіхи про створення MakeRabbitHappy сайті.
Дякую за вашу увагу!
Гарного дня!