з поверненням (з поверненням) — С возвращением на украинском языке
В этой статье мы будем изучать QR-код и создавать приложение QR-генератор. Давайте начнем!
О QR-коде
QR Code означает Quick Response Code и является разновидностью двумерного штрихкода. Он был создан японской корпорацией Denso Wave в 1994 году и является одним из самых популярных типов штрихкодов. QR-коды используются для хранения такой информации, как URL-адреса, контактная информация и небольшие объемы текста. Они часто используются для обмена ссылками на веб-сайты или онлайн-ресурсы.
QR-код создается путем разработки кода с помощью генератора QR-кодов. Генератор создает матрицу из маленьких квадратов, которые затем кодируются данными, которые будут храниться в QR-коде. Затем данные преобразуются в черно-белое изображение, которое может быть считано считывающим устройством QR-кода.
Не существует какого-то одного конкретного алгоритма, который используется для создания QR-кодов. Вместо этого существует множество различных алгоритмов, которые могут быть использованы в зависимости от конкретных требований QR-кода.
Итак, давайте создадим приложение, которое генерирует QR-код для заданного сайта с помощью этой замечательной технологии. Для генерации QR-кода мы будем использовать Streamlit и QRTag API.
Если вы впервые слышите о Streamlit — посмотрите — Вы можете просто превратить скрипты данных в приложения!
Давайте создадим его!
Запустите терминал и установите модуль streamlit.
$ pip install streamlit
Импортировать модуль streamlit
import streamlit as st
Функция st.set_page_config() поможет настроить параметры страницы по умолчанию. Подпись функции выглядит следующим образом:
st.set_page_config(page_title=None, page_icon=None, layout=»centered», initial_sidebar_state=»auto», menu_items=None)
st.set_page_config(page_title = "QR code generator", page_icon = "🏁")
Мы добавим заголовок и заголовок в наш проект с помощью функций st.title() и st.header()
st.title("QR code generator")
st.subheader("About QR Code")
Функция st.markdown() поможет отобразить строку, отформатированную как Markdown.
st.markdown(
"""
QR Code stands for Quick Response Code and is a type of 2D barcode.
It was created by the Japanese corporation [Denso Wave](https://www.denso-wave.com/en/) in 1994 and is one of the most popular types of barcodes.
QR codes are used to store information such as URLs, contact information, and small amounts of text. They are often used to share links to websites or online resources.
""")
Функция st.video() поможет отобразить видео.
st.video(data, format=»video/mp4″, start_time=0)
st.video("https://youtu.be/cswo_6kj0Ug")
Теперь давайте получим от пользователя определенные параметры для дальнейшей работы.
Это три параметра:
- Размер генерируемого изображения
- Тип вывода изображения
- URL-адрес сайта
size = st.number_input("Size of your QR Code", 5, 30)
img_type = st.radio("Select image type 🖼️", ('png', 'svg'))
web_link = st.text_input("Enter website URL 🔗", value = "https://aadarshkannan.hashnode.dev/")
- st.number_input() функция отображения виджета числового ввода
st.number_input(label, min_value=None, max_value=None, value=, step=None, format=None, key=None, help=None, on_change=None, args=None, kwargs=None, *, disabled=False)
- st.radio() функция отображения виджета радиокнопки
st.radio(label, options, index=0, format_func=special_internal_function, key=None, help=None, on_change=None, args=None, kwargs=None, *, disabled=False, horizontal=False)
- st.text_input() функция отображения однострочного виджета ввода текста
st.text_input(label, value=»», max_chars=None, key=None, type=»default», help=None, autocomplete=None, on_change=None, args=None, kwargs=None, *, placeholder=None, disabled=False)
Теперь мы рассмотрим важную часть нашего приложения. Для создания QR-кода мы будем использовать QRTag API. С параметрами, которые мы получили выше, мы вызовем API, чтобы сгенерировать наш вывод в соответствии с запросом.
QRTag_API_URL = f"https://qrtag.net/api/qr_{size}.{img_type}?url={web_link}"
Подождите!!! Вы правильно услышали API? Так что же это значит? Давайте быстро посмотрим.
API
API означает интерфейс прикладного программирования. API — это набор инструкций по программированию, которые позволяют программному обеспечению взаимодействовать с другим программным обеспечением. Другими словами, API — это способ взаимодействия двух частей программного обеспечения друг с другом. Ниже приведена красивая иллюстрация «Что такое API?» от RapidAPI.
Итак, когда запрос отправлен, результатом, который мы назвали выше, будет изображение QR-кода.
Для отображения изображения мы воспользуемся функцией st.image().
with st.expander("Generated QR Code", expanded = True):
st.write("Scan 🤳 / Export ↗️ / do whatever you want 👻")
st.image(QRTag_API_URL)
В приведенном выше коде есть еще одна функция под названием st.expander(). Вам может быть интересно, что она делает? Она вставляет многоэлементный контейнер, который может быть развернут или свернут пользователем. Чтобы добавить несколько элементов в контейнер, мы можем использовать нотацию «with».
st.expander(label, expanded=False)
Запустив приведенный ниже сценарий, вы сможете увидеть, как работает ваше приложение. Вы можете запустить его в самом начале и создать свое приложение, визуализируя каждый элемент. Попробуйте поэкспериментировать с различными функциями.
$ streamlit run you_file_name.py
Полный код нашего приложения выглядит следующим образом:
import streamlit as st
st.set_page_config(page_title = "QR code generator", page_icon = "🏁") # Configures the default settings of the page.
st.title("QR code generator")
st.subheader("About QR Code")
st.markdown(
"""
QR Code stands for Quick Response Code and is a type of 2D barcode.
It was created by the Japanese corporation [Denso Wave](https://www.denso-wave.com/en/) in 1994 and is one of the most popular types of barcodes.
QR codes store information such as URLs, contact information, and small amounts of text. They are often used to share links to websites or online resources.
""")
st.video("https://youtu.be/cswo_6kj0Ug")
st.markdown("We will be using [QRTag API](https://www.qrtag.net/api/) for this project.")
size = st.number_input("Size of your QR Code", 5, 30)
img_type = st.radio("Select image type 🖼️", ('png', 'svg'))
web_link = st.text_input("Enter website URL 🔗", value = "https://aadarshkannan.hashnode.dev/")
QRTag_API_URL = f"https://qrtag.net/api/qr_{size}.{img_type}?url={web_link}"
with st.expander("Generated QR Code", expanded = True):
st.write("Scan 🤳 / Export ↗️ / do whatever you want 👻")
st.image(QRTag_API_URL)
Чтобы развернуть ваше приложение — ознакомьтесь с разделом Развертывание с помощью Streamlit
Живая демонстрация нашего приложения — Генератор QR-кодов
Ссылки
- QR-код — Вики
- Что такое API?
- Справочник по API — Streamlit Docs
- Инструкции по API — QRTag
Заключение
QR-код — хороший инструмент для маркетинга, поскольку он помогает легко и быстро распространять информацию среди целевой аудитории. Это также экономически эффективный способ маркетинга, поскольку он не требует печати или других подобных затрат.
Надеюсь, вам понравилась эта статья. Отзывы приветствуются, оставляйте свои комментарии и следите за новостями! Вы можете найти меня в Twitter @dotaadarsh
Оригинальная фотография на обложке — Risto Kokkonen на Unsplash
Оставайтесь в безопасности 😷 Распространяйте любовь ❤️ Продолжайте исследовать 🚀