QR kodas
QQ WeChat Alipay 3-in-1 internetinė karta
- Tinkinkite mokėjimo kodo spalvą
- QR kodo supaprastinimas
Demonstracinė svetainė:http://qr.no0a.cn
"GitHub" adresas:https://github.com/BWmelon/qrcode
Įvadas
Iš pradžių aš susidūriau su mokėjimo kodu 3-in-1 buvo sezamo surinkimas, kuris iš pradžių buvo nemokamas, o tada kaina tapo 5RMB sugeneruota. Po to naudojau dvi mokėjimo kodo generavimo sistemas, viena yra surinkimas, o kita yra Youqimeng surinkimo kodas, pirmasis yra labai patogus naudoti, tai yra, QR kodo atpažinimas yra gana lėtas, noriu pakeisti sąsają, bet neišmokau php ir nieko negaliu padaryti. Pastarasis yra mano nusipirktas šaltinio kodas, ir užtruko šiek tiek laiko, kol paskatinau tave uždrausti ( ̄▽ ̄)~*, o suradęs autorių, prieš kurį laiką buvau paragintas nusipirkti šaltinio kodą. . . Norėjau atšaukti jo apribojimus, bet perskaičiusi html+css vadovėlį buvau bejėgis, todėl sugalvojau sukurti savo generavimo sistemą.
Aš praleidau kelias savaites tai daryti pirmyn ir atgal, iš esmės praleido jį skaitydamas dokumentus apie Baidu, nes aš ką tik sužinojau, kad ir niekada nebuvo veikiami daug dalykų. Išanalizavęs šios sistemos funkcijas, manau, kad tai galima pasiekti html+css+js, o tada "Baidu" žingsnis po žingsnio pradėjo įgyvendinti reikalavimus.
Principas
Atlikus analizę nustatyta, kad reikia tik dviejų puslapių.
- Generuoti puslapius
Tai yra pagrindinis svetainės puslapis su dviem funkcijomis: viena yra įkelti QQ, WeChat, Alipay mokėjimo kodus ir išanalizuoti juos į nuorodas, o kita - sujungti šias nuorodas ir sugeneruoti kombinuotą QR kodą. "jQuery" įskiepis "qrcode" naudojamas analizuoti ir generuoti, o estetikai "drobė" naudojama mokėjimo kodo stiliui piešti.
- Mokėjimo puslapis
Kai mobilusis įrenginys nuskaito anksčiau sugeneruotą mokėjimo kodą, atidaromas šis puslapis ir gaus tris parametrus (qq, WeChat, Alipay nuoroda), perduotus mokėjimo kode, o tada įvertins dabartinės programinės įrangos nuskaitytą QR kodą pagal naršyklę UA, qq ir WeChat negali tiesiogiai iššaukti mokėjimo, tada rodoma QR kodo sąsaja, kad vartotojai galėtų ilgai paspausti, kad sumokėtų, "Alipay" gali tiesiogiai patekti į pervedimo puslapį.
Šiuo atveju ši svetainė yra paruošta, sugeneruotas puslapis pasiskolintas iš kolekcijos ir Youqimeng mokėjimo kodo, kad nebūtų monotoniškas ir nekopijuotų jų funkcijų standžiai, kurį laiką pagalvojęs, gavau spalvos keitimo funkciją (ji atrodo nenaudinga, ji visiškai sudaryta iš turinio haha), jei jums reikia kitų stilių, galite eiti į jų svetainę generuoti. Kadangi trys mokėjimo kodo nuorodos yra ypač ilgos, sugeneruotas QR kodas yra tankesnis (tai yra, negražus), o tada ilgas URL sutrumpinamas per suo.im, kad sugeneruotas QR kodas būtų paprastesnis.
naudoti
1. Atsisiųskite šaltinio kodą ir įkelkite jį į savo serverį arba žiniatinklio prieglobą.
2. Pakeiskite "Alipay" raudono voko kodą ir raudono voko slaptažodį į "/js/index.js" ir ištrinkite atitinkamą kodą, jei jums nereikia generuoti sąsajos raudono voko reklamai, kuri buvo pažymėta faile.
Jei susiduriate su kokiomis nors problemomis, pateikite atsiliepimą, nors galbūt negalėsiu jų išspręsti
Ačiū
* Atsiimkite pinigus
* Youqimeng mokėjimo kodas
* Layui
|
Paskelbta 2019-01-20 09:47:23
|
|
|
Paskelbta 2019-11-01 11:41:54