QRCODE
QQ WeChat Alipay 3-i-1 online generation
- Tilpas betalingskodens farve
- Forenkling af QR-koder
Demo-hjemmeside:http://qr.no0a.cn
GitHub-adresse:https://github.com/BWmelon/qrcode
forord
Først kom jeg i kontakt med, at betalingskoden 3-i-1 var sesamsamling, som i starten var gratis, og så blev prisen til 5RMB, når den blev genereret. Derefter brugte jeg to betalingskodegenereringssystemer, det ene er inkasso, og det andet er Youqimeng samlingskode, det første er meget bekvemt at bruge, det vil sige, QR-kodegenkendelsen er relativt langsom, jeg vil gerne ændre interfacet, men jeg har ikke lært php og kan ikke gøre noget. Den sidste er kildekoden, jeg købte, og det tog lidt tid at finde ud af, hvilken lille svigerdatter der bad mig om at banne ( ̄▽ ̄) dig~*, og efter at have fundet forfatteren, blev jeg for noget tid siden bedt om at købe kildekoden... Jeg ville ophæve hans begrænsninger, men jeg var hjælpeløs efter at have læst html+css-tutorialen, så jeg fik ideen om at bygge mit eget generationssystem.
Jeg brugte et par uger på at gøre det frem og tilbage, i bund og grund med at læse dokumenter om Baidu, fordi jeg lige havde lært det og aldrig havde været udsat for mange ting. Efter at have analyseret funktionerne i dette system, mener jeg, at dette kan opnås med html+css+js, og derefter begyndte Baidu at implementere kravene trin for trin.
Princip
Efter analyse fandt man ud af, at kun to sider var nødvendige.
- Generer sider
Dette er hjemmesidens hovedside med to funktioner: den ene er at uploade QQ-, WeChat- og Alipay-betalingskoder og omsætte dem til links, og den anden er at kombinere disse links og derefter generere den samlede QR-kode. 'qrcode'-plugin'et i jQuery bruges til parsing og generering, og til æstetik bruges 'canvas' til at tegne betalingskodens stil.
- Betalingsside
Når mobilenheden scanner den tidligere genererede betalingskode, åbnes denne side og får de tre parametre (qq, WeChat, Alipay-link), der er indtastet i betalingskoden, og derefter vurderes QR-koden, som den nuværende software har scannet, i henhold til browseren UA, qq og WeChat kan ikke direkte fremkalde betaling, hvorefter QR-kodegrænsefladen vises, så brugerne kan trykke på betalingspausen direkte. Alipay kan direkte indtaste overførselssiden.
I dette tilfælde er denne hjemmeside klar, den genererede side låner fra samlingen og Youqimeng betalingskoden, for ikke at være monoton og ikke kopiere deres funktioner stift, efter at have tænkt et stykke tid, fik jeg en farveændringsfunktion (den føles ubrugelig, den består udelukkende af indhold haha), hvis du har brug for andre stilarter, kan du gå ind på deres hjemmeside for at generere. Og fordi de tre betalingskodelinks tilsammen er særligt lange, er den genererede QR-kode tættere (altså grim), og så forkortes den lange URL gennem suo.im, så den genererede QR-kode bliver enklere.
brug
1. Download kildekoden og upload den til din egen server eller webhost.
2. Skift din Alipay røde kuvertkode og røde kuvertadgangskode i '/js/index.js', og slet den relevante kode, hvis du ikke behøver at generere et interface til røde kuvertannoncer, som er markeret i filen.
Hvis du støder på problemer, så giv venligst feedback, selvom jeg måske ikke kan løse dem
Tak
* Saml dine penge
* Youqimeng betalingskode
* Layui
|
Opslået på 20/01/2019 09.47.23
|
|
|
Opslået på 01/11/2019 11.41.54