QR kods
QQ WeChat Alipay 3-in-1 tiešsaistes paaudze
- Pielāgojiet maksājuma koda krāsu
- QR kodu vienkāršošana
Demo vietne:http://qr.no0a.cn
GitHub adrese:https://github.com/BWmelon/qrcode
priekšvārds
Sākumā es sazinājos ar maksājuma kodu 3-in-1 bija sezama savākšana, kas sākumā bija bezmaksas, un pēc tam cena kļuva par 5RMB. Pēc tam es izmantoju divas maksājumu kodu ģenerēšanas sistēmas, viena ir savākšana, bet otra ir Youqimeng savākšanas kods, pirmais ir ļoti ērti lietojams, tas ir, QR koda atpazīšana ir salīdzinoši lēna, es gribu mainīt saskarni, bet es neesmu iemācījies php un neko nevaru darīt. Pēdējais ir pirmkods, ko es nopirku, un pagāja kāds laiks, lai pamudinātu to, ko mazā vīramāte lūdza man aizliegt ( ̄▽ ̄) tevi ~*, un pēc autora atrašanas es pirms kāda laika tiku pamudināts iegādāties pirmkodu. . . Es gribēju atcelt viņa ierobežojumus, bet es biju bezpalīdzīgs pēc html + css apmācības izlasīšanas, tāpēc es nācu klajā ar ideju izveidot savu ģenerēšanas sistēmu.
Es pavadīju dažas nedēļas, darot to turp un atpakaļ, būtībā pavadot to, lasot dokumentus par Baidu, jo es tikko to biju iemācījies un nekad nebiju saskāries ar daudzām lietām. Pēc šīs sistēmas funkciju analīzes es uzskatu, ka to var panākt ar html + css + js, un tad Baidu sāka īstenot prasības soli pa solim.
Princips
Pēc analīzes tika konstatēts, ka ir nepieciešamas tikai divas lapas.
- Ģenerēt lapas
Šī ir vietnes galvenā lapa ar divām funkcijām, viena ir augšupielādēt QQ, WeChat, Alipay maksājumu kodus un parsēt tos saitēs, bet otra ir apvienot šīs saites un pēc tam ģenerēt apvienoto QR kodu. jQuery spraudnis "qrcode" tiek izmantots parsēšanai un ģenerēšanai, un estētikai "audekls" tiek izmantots, lai uzzīmētu maksājuma koda stilu.
- Maksājumu lapa
Kad mobilā ierīce skenē iepriekš ģenerēto maksājuma kodu, šī lapa tiek atvērta un iegūs trīs parametrus (qq, WeChat, Alipay saite), kas nodoti maksājuma kodā, un pēc tam spriedīs par pašreizējās programmatūras skenēto QR kodu saskaņā ar pārlūkprogrammu UA, qq un WeChat nevar tieši izraisīt maksājumu, tad QR koda saskarne tiek parādīta, lai lietotāji varētu ilgi nospiest, lai samaksātu, Alipay var tieši ieiet pārskaitījuma lapā.
Šajā gadījumā šī vietne ir gatava, ģenerētā lapa aizņemas no kolekcijas un Youqimeng maksājuma koda, lai nebūtu monotona un nekopētu to funkcijas stīvi, pēc kāda laika domāšanas es saņēmu krāsu maiņas funkciju (tas šķiet bezjēdzīgi, tas ir pilnībā sastāv no satura haha), ja jums ir nepieciešami citi stili, varat doties uz viņu vietni, lai ģenerētu. Un tā kā trīs maksājumu kodu saites ir īpaši garas, ģenerētais QR kods ir blīvāks (tas ir, neglīts), un pēc tam garais URL tiek saīsināts caur suo.im, lai ģenerētais QR kods būtu vienkāršāks.
lietot
1. Lejupielādējiet avota kodu un augšupielādējiet to savā serverī vai tīmekļa mitinātājā.
2. Nomainiet savu Alipay sarkanās aploksnes kodu un sarkanās aploksnes paroli "/js/index.js" un izdzēsiet attiecīgo kodu, ja jums nav nepieciešams ģenerēt saskarni sarkanām aploksnes reklāmām, kas ir atzīmētas failā.
Ja rodas kādas problēmas, lūdzu, sniedziet atsauksmes, lai gan es, iespējams, nevarēšu tās atrisināt
Paldies
* Saņemiet savu naudu
* Youqimeng maksājuma kods
* Layui
|
Publicēts 20.01.2019 09:47:23
|
|
|
Publicēts 01.11.2019 11:41:54