QRcode
QQ WeChat Alipay 3-az 1-ben online generáció
- A fizetési kód színének testreszabása
- QR-kód egyszerűsítése
Demó weboldal:http://qr.no0a.cn
GitHub cím:https://github.com/BWmelon/qrcode
előszó
Eleinte találkoztam azzal a fizetési kóddal, amely a 3-in-1 szezám gyűjtés volt, ami eleinte ingyenes volt, majd az ár 5RMB-re nőtt, ha meggenerálták. Ezután két fizetési kódgeneráló rendszert használtam, az egyik a behajtás, a másik a Youqimeng begyűjtő kód, az első nagyon kényelmes használatra, vagyis a QR-kód felismerése viszonylag lassú, szeretném megváltoztatni a felületet, de még nem tanultam meg a PHP-t, és semmit sem tudok csinálni. Az utóbbi az a forráskód, amit megvettem, és eltartott egy ideig, mire azt a kis menyt kérte, hogy tiltsak ( ̄▽ ̄) ki téged~*, és miután megtaláltam a szerzőt, már egy ideje arra ösztönöztek, hogy megvegyem a forráskódot... Le akartam törölni a korlátozásait, de tehetetlen voltam, miután elolvastam a html+css oktatóanyagot, ezért eszembe jutott az ötlet, hogy saját generációs rendszert építsek.
Néhány hetet töltöttem azzal, hogy ide-oda csináltam, gyakorlatilag dokumentumokat olvasva Baidu-ról, mert ezt most tanultam meg, és sosem találkoztam sok dologgal. A rendszer funkcióinak elemzése után úgy érzem, hogy ez elérhető html+css+js-szel, majd a Baidu lépésről lépésre elkezdte megvalósítani a követelményeket.
Elv
Elemzés után kiderült, hogy csak két oldal szükséges.
- Oldalak generálása
Ez a weboldal főoldala, két funkcióval: az egyik a QQ, WeChat, Alipay fizetési kódok feltöltése és linkekbe bontása, a másik pedig a linkek kombinálása, majd a kombinált QR-kód generálása. A jQuery 'qrcode' pluginját használják az elemzéshez és generáláshoz, az esztétikához pedig a 'canvas' a fizetési kód stílusának megrajzolásához.
- Fizetési oldal
Amikor a mobil eszköz átvizsgálja a korábban generált fizetési kódot, ez az oldal megnyílik, és megkapja a fizetési kódban átadott három paramétert (qq, WeChat, Alipay link), majd megítéli a jelenlegi szoftver által beszkennelt QR kódot a böngésző UA, qq és WeChat alapján, amely közvetlenül nem idézhet elő fizetést, majd megjelenik a QR-kód felülete, hogy a felhasználók hosszú ideig megnyomják a fizetéshez, az Alipay közvetlenül beléphet az átutalási oldalra.
Ebben az esetben ez a weboldal készen áll, a generált oldal a gyűjteményből és a Youqimeng fizetési kódból kölcsönöz, hogy ne legyen monoton és ne másolja a funkciókat mereven lemásolni, egy ideig gondolkodva kaptam egy színváltoztató funkciót (haszontalannak tűnik, teljesen tartalomból áll, haha), ha más stílusokra van szükséged, elmehetsz a weboldalukra, hogy generálj. És mivel a három fizetési kód összesen különösen hosszú, a generált QR-kód sűrűbb (vagyis csúnya), majd a hosszú URL suo.im-en keresztül rövidítik, így a generált QR-kód egyszerűbb lesz.
használ
1. Töltsd le a forráskódot, és töltsd fel a saját szerveredre vagy webhostodra.
2. Változtasd meg az Alipay piros borítékkódodat és a piros borítékjelszót a '/js/index.js' címmel, és töröld a megfelelő kódot, ha nem kell felületet generálnod a fájlban megjelölt piros borítékhirdetésekhez.
Ha bármilyen problémába ütköztek, kérlek, adj visszajelzést, bár lehet, hogy nem tudom megoldani őket
Kösz
* Szedd össze a pénzed
* Youqimeng fizetési kód
* Layui
|
Közzétéve 2019. 01. 20. 9:47:23
|
|
|
Közzétéve 2019. 11. 01. 11:41:54