QRcode
QQ WeChat Alipay 3-in-1 veebigeneratsioon
- Maksekoodi värvi kohandamine
- QR-koodi lihtsustamine
Demo veebileht:http://qr.no0a.cn
GitHubi aadress:https://github.com/BWmelon/qrcode
eessõna
Alguses puutusin kokku maksekoodiga 3-in-1 oli seesamikogumine, mis alguses oli tasuta, ja pärast genereerimist muutus hind 5RMB-ks. Pärast seda kasutasin kahte maksekoodi genereerimissüsteemi, üks on sissenõudmine ja teine Youqimengi kogumiskood, esimene on väga mugav kasutada, see tähendab, et QR-koodi äratundmine on suhteliselt aeglane, tahan liidest muuta, aga ma pole PHP-d õppinud ja ei saa midagi teha. Viimane neist on lähtekood, mille ma ostsin, ja võttis aega, enne kui see väike minia palus mul sind bännida ( ̄▽ ̄)~*, ning pärast autori leidmist soovitati mul mõni aeg tagasi lähtekood osta... Tahtsin tema piirangud tühistada, kuid olin pärast html+css õpetuse lugemist abitu, nii et tuli mõte luua oma generatsioonisüsteem.
Veetsin paar nädalat seda edasi-tagasi tehes, põhimõtteliselt Baidu dokumente lugedes, sest olin selle just õppinud ja polnud kunagi paljude asjadega kokku puutunud. Pärast selle süsteemi funktsioonide analüüsimist arvan, et seda saab saavutada html+css+js abil, ja seejärel hakkas Baidu nõudeid samm-sammult rakendama.
Põhimõte
Pärast analüüsi selgus, et vaja oli vaid kahte lehekülge.
- Lehekülgede genereerimine
See on veebilehe avaleht, millel on kaks funktsiooni: üks on QQ, WeChat, Alipay maksekoodide üleslaadimine ja nende linkideks parsimine ning nende ühendamine ja seejärel kombineeritud QR-koodi genereerimine. jQuery 'qrcode' pluginat kasutatakse parsimiseks ja genereerimiseks ning esteetika jaoks kasutatakse maksekoodi stiili joonistamiseks 'canvas'.
- Makseleht
Kui mobiilseade skaneerib varem genereeritud maksekoodi, avatakse see leht, mis saab maksekoodis edastatud kolm parameetrit (qq, WeChat, Alipay link), ning hindab QR-koodi, mille skaneerib praegune tarkvara vastavalt brauserile UA, qq ja WeChat ei saa makset otseselt esile kutsuda, seejärel kuvatakse QR-koodi liides, kus kasutajad saavad maksmiseks pikalt vajutada, Alipay saab otse ülekandelehele siseneda.
Sellisel juhul on see veebileht valmis, genereeritud leht laenab kollektsioonist ja Youqimengi maksekoodist, et mitte olla üksluine ega kopeerida nende funktsioone jäigalt, pärast mõningast mõtlemist sain värvivahetuse funktsiooni (see tundub kasutu, see koosneb täielikult sisust, haha), kui vajad teisi stiile, võid minna nende veebilehele genereerima. Ja kuna kolm maksekoodi linki kokku on eriti pikad, on genereeritud QR-kood tihedam (ehk kole) ning pikk URL lühendatakse suo.im jooksul, et genereeritud QR-kood oleks lihtsam.
kasutama
1. Laadi lähtekood alla ja laadi see üles oma serverisse või veebimajutajasse.
2. Muuda oma Alipay punase ümbriku kood ja punase ümbriku parool vormis '/js/index.js' ning kustuta asjakohane kood, kui sul ei ole vaja luua liidest punase ümbriku reklaamide jaoks, mis on failis märgistatud.
Kui sul tekib probleeme, palun anna tagasisidet, kuigi ma ei pruugi neid lahendada
Tänud
* Kogu oma raha
* Youqimengi maksekood
* Layui
|
Postitatud 20.01.2019 09:47:23
|
|
|
Postitatud 01.11.2019 11:41:54