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
|