qrcode
QQ WeChat Alipay 3-в-1 онлайн генериране
- Персонализиране на цвета на кода за плащане
- Опростяване на QR кодовете
Демо уебсайт:http://qr.no0a.cn
GitHub адрес:https://github.com/BWmelon/qrcode
предговор
Първоначално се сблъсках с кода за плащане 3-в-1 като Sesame Collection, който първоначално беше безплатен, а после цената стана 5RMB, след като беше генерирана. След това използвах две системи за генериране на платежни кодове – едната е за събиране, а другата е Youqimeng колекция, първата е много удобна за използване, тоест разпознаването на QR кодове е сравнително бавно, искам да променя интерфейса, но не съм учил php и не мога да правя нищо. Последното е изходният код, който купих, и отне време да накарам малката снаха ми да те банна ( ̄▽ ̄)~*, а след като намерих автора, бях подтикнат да купя изходния код преди време... Исках да отменя ограниченията му, но бях безпомощен след като прочетох урока html+css, затова измислих идеята да създам собствена система за генериране.
Прекарвах няколко седмици, правейки го напред-назад, буквално докато четях документи в Baidu, защото току-що бях научил това и никога не бях бил изложен на много неща. След като анализирах функциите на тази система, смятам, че това може да се постигне чрез html+css+js, след което Baidu започна да реализира изискванията стъпка по стъпка.
Принцип
След анализ се установи, че са нужни само две страници.
- Генериране на страници
Това е главната страница на уебсайта с две функции – едната е да качва QQ, WeChat, Alipay кодове за плащания и да ги анализира в линкове, а другата е да комбинира тези връзки и след това да генерира комбинирания QR код. Плъгинът 'qrcode' на jQuery се използва за парсинг и генериране, а за естетика 'canvas' се използва за рисуване на стила на платежния код.
- Страница за плащане
Когато мобилното устройство сканира предварително генерирания код за плащане, тази страница се отваря и получава трите параметъра (qq, WeChat, Alipay линк), предадени в кода за плащане, след което QR кодът, сканиран от текущия софтуер, според браузъра UA, qq и WeChat не могат директно да предизвикват плащане, след което се показва интерфейсът QR код за потребителите да натиснат дълго натискане за плащане, Alipay може директно да влезе в страницата за трансфер.
В този случай този уебсайт е готов, генерираната страница заимства от колекцията и кода за плащане на Youqimeng, за да не е монотонна и да не копира функцията им сковано, след като помислих известно време, взех функция за смяна на цвят (изглежда безполезна, изцяло е съставена от съдържание, хаха), ако ти трябват други стилове, можеш да отидеш на техния уебсайт за генериране. И тъй като трите връзки за платежен код са особено дълги, генерираният QR код е по-плътен (т.е. грозен), а дългият URL се съкращава през suo.im, така че генерираният QR код ще бъде по-прост.
използвам
1. Изтеглете изходния код и го качете на собствения си сървър или уеб хост.
2. Променете кода на червения плик на Alipay и паролата за червения плик в '/js/index.js' и изтрийте съответния код, ако не е необходимо да генерирате интерфейс за реклами с червен плик, които са маркирани във файла.
Ако срещнете проблеми, моля, дайте обратна връзка, макар че може да не успея да ги реша
Благодаря
* Събери парите си
* Код за плащане Youqimeng
* Лаюи
|
Публикувано в 20.01.2019 г. 9:47:23 ч.
|
|
|
Публикувано в 1.11.2019 г. 11:41:54 ч.
|
