QRCODE
QQ WeChat Alipay 3-v-1 spletna generacija
- Prilagodite barvo plačilne kode
- Poenostavitev QR kod
Demo spletna stran:http://qr.no0a.cn
GitHub naslov:https://github.com/BWmelon/qrcode
predgovor
Sprva sem naletel na plačilno kodo 3-v-1 za sezamovo zbirko, ki je bila sprva brezplačna, nato pa je cena po generiranju postala 5 RMB. Nato sem uporabil dva sistema za generiranje plačilne kode, eden je za izterjavo, drugi pa za Youqimeng zbiralno kodo, prvi je zelo priročen za uporabo, torej prepoznavanje QR kod je razmeroma počasno, želim spremeniti vmesnik, vendar se nisem naučil PHP in ne znam ničesar narediti. Slednja je izvorna koda, ki sem jo kupil, in trajalo je nekaj časa, da sem spodbudil tisto malo snaho, ki me je prosila, naj te prepovem ( ̄▽ ̄)~*, in ko sem našel avtorja, so me pred časom spodbudili, da kupim izvorno kodo... Hotel sem preklicati njegove omejitve, a sem bil nemočen po branju vodiča html+css, zato sem prišel na idejo, da zgradim svoj lasten sistem za generiranje.
Nekaj tednov sem to počel sem sem in tja, v bistvu med branjem dokumentov o Baiduju, ker sem se tega šele naučil in nisem bil nikoli izpostavljen marsičemu. Po analizi funkcij tega sistema menim, da je to mogoče doseči z html+css+js, nato pa je Baidu začel postopoma implementirati zahteve.
Načelo
Po analizi so ugotovili, da sta potrebni le dve strani.
- Generiranje strani
To je glavna stran spletne strani, ki ima dve funkciji: ena je nalaganje plačilnih kod QQ, WeChat, Alipay in njihovo razčlenjevanje v povezave, druga pa je združevanje teh povezav in generiranje združene QR kode. Vtičnik 'qrcode' v jQuery se uporablja za razčlenjevanje in generiranje, za estetiko pa se za risanje sloga plačilne kode uporablja 'canvas'.
- Stran za plačila
Ko mobilna naprava skenira prej generirano plačilno kodo, se ta stran odpre in pridobi tri parametre (qq, WeChat, Alipay povezava), ki so vneseni v plačilno kodo, nato pa oceni QR kodo, ki jo trenutno programska oprema skenira glede na brskalnik. UA, qq in WeChat ne moreta neposredno sprožiti plačila, nato se prikaže vmesnik za QR kodo, kjer uporabniki lahko dolgo pritisnejo za plačilo, Alipay pa lahko neposredno vstopi v stran za prenos.
V tem primeru je ta spletna stran pripravljena, generirana stran si izposoja iz zbirke in Youqimeng plačilne kode, da ne bi bila monotona in da ne bi prepisovala funkcij okorno, sem po nekaj premisleka dobil funkcijo za spremembo barve (zdi se neuporabna, popolnoma je sestavljena iz vsebine haha), če potrebujete druge stile, lahko obiščete njihovo spletno stran in jih generirate. In ker so tri povezave do plačilnih kod še posebej dolge, je generirana QR koda gostejša (torej grda), nato pa se dolgi URL skrajša preko suo.im, da bo generirana QR koda enostavnejša.
uporabiti
1. Prenesite izvorno kodo in jo naložite na svoj strežnik ali spletni gostitelj.
2. Spremenite kodo za rdečo kuverto Alipay in geslo za rdečo kuverto v '/js/index.js' ter izbrišite ustrezno kodo, če ni treba ustvariti vmesnika za oglase v rdeči kuverti, ki so označeni v datoteki.
Če naletite na kakršnekoli težave, prosim delite povratne informacije, čeprav jih morda ne bom mogel rešiti
Hvala
* Poberi svoj denar
* Youqimeng plačilna koda
* Layui
|
Objavljeno na 20. 01. 2019 09:47:23
|
|
|
Objavljeno na 1. 11. 2019 11:41:54