Как получить QR код для СБП?

Question

[glu-dimaz]

Приветсвую. Перевели расчетный счет в другой банк. Требуется прикреплять QR код СБП к документу счета на оплату. При запросе по номеру заказа по API, банк выдает ссылку на СБП оплату, на старнице которой - qr код в data:image/svg+xml;base64 .
В html содержимом страницы и в атрибутах блоков - его нет. Найти его можно только во вкладке "Источники" в хроме. Работал кто с таким? В принципе, не принципиально на каком языке будет решение

Для вундеркиндов:
обращаемся к банку по api, они нам генерируют ссылку на оплату сбп. На этой странице qr код, его необходимо извлечь, чтобы в дальнейшем прикрепить к документу. Ни в атрибутах, нигде в html ссылки на само изображение нету, есть только во вкладке хрома: Источники. Вопрос стоит в том, как его извлечь из источников

Comments

[rPman]

Вы хотя бы вопрос сформулируйте, вы создаете код и выкладываете? Или вы парсите чужой?

data uri это буквально данные в ссылке, скармливаете base64 декодеру и получаете svg+xml, который можно хоть в том же в браузере открыть и заскринить

[glu-dimaz]

rPman, попробуйте прочитать еще раз вопрос внимательно. Запятые вроде расставлены.

[glu-dimaz]

rPman, обращаемся к банку по api, они нам генерируют ссылку на оплату сбп. На этой странице qr код, его необходимо извлечь, чтобы в дальнейшем прикрепить к документу. Ни в атрибутах, нигде в html ссылки на само изображение нету, есть только во вкладке хрома: Источники. Вопрос стоит в том, как его извлечь из источников

[alexalexes]

base64 to image любым сервисом в поисковике

[Василий Банников]

а что в параметрах ссылки? Мб из этих параметров можно сгенерить свой qr-код?

[alexalexes]

А если серьезно, в чем проблема?
У вас есть строка base64. Если вы в JS работаете, то загоняете ее в src канваса а дальше делаете с канвасом, что хотите, хоть бинарник jpg/png извлекаете. Если в другой среде работаете, то там свой объект или вспомогательная библиотека нужна, чтобы привычный бинарник вытащить или конвертнуть в нужный формат.

[Василий Банников]

glu-dimaz, попробуй глянуть ГОСТ 56042-2014 - вероятно вам следует свой qr-код сгенерировать, а не использовать тот, который дал банк - обычно такие коды используют для печати на документах. (там закодирован номер счёта и суммма)

Код СБП предполагает показ на экране и имеет ограниченное время действия как правило, что делает его бесполезным при использовании на бумажных доках.

[Василий Банников]

glu-dimaz,

В html содержимом страницы и в атрибутах блоков - его нет. Найти его можно только во вкладке "Источники" в хроме.

Вкладка "источники" в хроме - это и есть содержимое страницы.
Вероятно данные qr-кода достаются отдельным http-запросом - попробуй глянуть во вкладку network.

И что за банк? Его документация публичная?

Пробовали ещё о своей проблеме спрашивать в поддержке банка? Возможно у них уже есть решение для вашего случая.

В любом случае - во всяких платёжных штуках опираться на такую ненадёжную вещь как вёрстку и парсинг - это крайне рискованно. Банк обязательно когда-нибудь без предупреждения изменит эту страницу с оплатой и у вас всё поломается.

[glu-dimaz]

alexalexes, Проблема вытащить строку из источников страницы, а не html кода

[alexalexes]

glu-dimaz, источник транслирует результат выполнения по конкретному url. Если в этот же url постучать с той же сессией, одноразовым токеном и куками, то вы получите тот же самый результат, что и транслирует браузер.

[glu-dimaz]

alexalexes, https://qr.nspk.ru/VPODZV3JONANMKUXO6BOIDP5STMAAQQ... вытащи

[alexalexes]

На странице index.js - это как раз пример декодера ссылки, что в текущем адресе, в изображение на канвасе.
Больше этот скрипт ничего не запрашивает.

[Василий Банников]

glu-dimaz, источники страницы - это и есть html код.
Но тебе нужно запускать полноразмерный браузер.
Это явно не то направление, которое вам нужно - там очень много мест, где всё может поломаться.

[glu-dimaz]

Уважаемые@alexalexes, Василий Банников, что делать с сылкой на изображение - я сам разберусь. МНЕ НУЖНО ЕЕ ДОСТАТЬ ИЗ СТРАНИЦЫ. Задача в этом стоит

[Василий Банников]

glu-dimaz, добро пожаловать на qna - тут ты задаёшь "как сделать X", а тебе отвечают, что X тебе не нужен)

Answer 1

[alexalexes]

Вам не нужно заходить на эту страницу.
Просто берете библиотеку, которая преобразует ссылку в QR-код.
И загоняете ссылку (буквально этот текст) в эту библиотеку:

https://qr.nspk.ru/<идентификатор>?type=02&bank=100000000005&sum=1200&cur=RUB&crc=hQyb

На выходе получаете файл изображения, его и используете.

Comments

[glu-dimaz]

подскажи название библиотеки

[alexalexes]

Вам в какой среде нужно сделать преобразование?
JS, PHP, NodeJS, C#....

[glu-dimaz]

js, php

[alexalexes]

https://davidshimjs.github.io/qrcodejs/
https://github.com/SimpleSoftwareIO/simple-qrcode/...

[glu-dimaz]

До меня только сейчас дошло что ты мне предложил. Нет, это не решение задачи. Я тоже думал так сделать и не заморачиваться, но нет

[alexalexes]

glu-dimaz, qr-код - это лишь способ отображения сведений.
API дает ссылку, а ты уже крутись как хочешь, чтобы ее передать в приложение банка клиента.
Как рисовать QR - это проблема клиентской стороны приложения.

[Василий Банников]

Я тоже думал так сделать и не заморачиваться, но нет

А почему нет то?

Answer 2

[Василий Банников]

что делать с сылкой на изображение - я сам разберусь. МНЕ НУЖНО ЕЕ ДОСТАТЬ ИЗ СТРАНИЦЫ. Задача в этом стоит

Если вытащить этот qr-код со страницы - это самоцель, то тогда берёшь селениум и выполняешь этот код через js в браузере - получаешь ссылку на изображение (а вернее - само изображение)
Только так и никак иначе, ибо qr-код генерится на самой странице, даже никакие запросы никуда не отправляются.

document.getElementsByTagName("canvas")[0].toDataURL()

Получишь ссылку вида data:image/png;base64,..., ибо нигде картинка не хранится.

Если тебе нужно получить этот qr-код, то тогда просто берёшь ссылку и генерируешь из неё qr-код - получится ровно то же самое, ибо сам сайт делает это же - берёт ссылку, по которой его открыли и показывает qr-код с этой же ссылкой. Банковское приложение или приложение сбпэй на телефоне уже дальше сами разбираются.

Answer 3

[glu-dimaz]

Все было проще. У банка можно было в запросе указать параметры высоты и ширины. Если оно заполнено - они ответом возвращают base64 qr-кода