QR Code
QQ Generowanie online 3-w-1 WeChat Alipay
- Dostosowanie koloru kodu płatności
- Uproszczenie kodów QR
Strona demo:http://qr.no0a.cn
Adres GitHub:https://github.com/BWmelon/qrcode
przedmowa
Na początku natknąłem się na kod płatności 3-w-1 to sesame collection, który na początku był darmowy, a potem cena wzrosła do 5RMB po wygenerowaniu. Potem użyłem dwóch systemów generowania kodów płatniczych, jeden to windykacja, drugi to kod windykacyjny Youqimeng, pierwszy jest bardzo wygodny w użyciu, czyli rozpoznawanie kodów QR jest stosunkowo wolne, chcę zmienić interfejs, ale nie nauczyłem się PHP i nic nie potrafię zrobić. Ten ostatni to kod źródłowy, który kupiłem, i zajęło mi trochę czasu, zanim ta mała synowa, która poprosiła mnie o bana ( ̄▽ ̄)~*, a po znalezieniu autora jakiś czas temu zostałem poproszony o zakup kodu źródłowego... Chciałem znieść jego ograniczenia, ale po przeczytaniu tutoriala html+css byłem bezradny, więc wpadłem na pomysł zbudowania własnego systemu generowania.
Spędziłem kilka tygodni, robiąc to tam i z powrotem, praktycznie czytając dokumenty o Baidu, bo właśnie się tego nauczyłem i nigdy nie miałem styczności z wieloma rzeczami. Po analizie funkcji tego systemu uważam, że można to osiągnąć za pomocą html+css+js, a potem Baidu zaczął wdrażać wymagania krok po kroku.
Zasada
Po analizie stwierdzono, że potrzebne są tylko dwie strony.
- Generuj strony
To główna strona strony internetowej, mająca dwie funkcje: jedną jest przesyłanie kodów płatności QQ, WeChat, Alipay i ich rozdzielanie na linki, a druga – łączenie tych linków i generowanie połączonego kodu QR. Wtyczka 'qrcode' w jQuery służy do parsowania i generowania, a dla estetyki 'canvas' służy do rysowania stylu kodu płatności.
- Strona płatności
Gdy urządzenie mobilne skanuje wcześniej wygenerowany kod płatności, otwiera się ta strona i pobiera trzy parametry (qq, WeChat, link do Alipay) wprowadzone w kodzie płatności, a następnie ocenia kod QR zeskanowany przez aktualne oprogramowanie według przeglądarki. UA, qq i WeChat nie mogą bezpośrednio wywołać płatności, następnie wyświetlany jest interfejs kodu QR, aby użytkownicy mogli długo naciśnąć do płatności, a Alipay może bezpośrednio wejść na stronę transferu.
W tym przypadku ta strona jest gotowa, wygenerowana strona korzysta z kolekcji i kodu płatniczego Youqimeng, żeby nie było monotonnie i nie kopiować ich funkcji sztywno, po chwili namysłu dostałem funkcję zmiany koloru (wydaje się bezużyteczna, jest całkowicie złożona z treści haha), jeśli potrzebujesz innych stylów, możesz wejść na ich stronę i wygenerować. A ponieważ trzy linki do kodów płatniczych są szczególnie długie, wygenerowany kod QR jest gęstszy (czyli brzydki), a długi URL jest skracany przez suo.im, dzięki czemu wygenerowany kod QR jest prostszy.
używać
1. Pobierz kod źródłowy i przesłaj go na swój własny serwer lub hosting webowy.
2. Zmień kod do czerwonej koperty Alipay i hasło do czerwonej koperty w '/js/index.js' i usuń odpowiedni kod, jeśli nie musisz generować interfejsu dla reklam na czerwonych kopertach, które zostały oznaczone w pliku.
Jeśli napotkasz jakieś problemy, proszę o opinię, choć mogę ich nie rozwiązać
Dzięki
* Zbieraj swoje pieniądze
* Kod płatniczy Youqimeng
* Layui
|
Opublikowano 20.01.2019 09:47:23
|
|
|
Opublikowano 01.11.2019 11:41:54