|
|
Diposting pada 20/01/2019 09.47.23
|
|
|
kode QR
QQ WeChat Alipay 3-in-1 generasi online
- Sesuaikan warna kode pembayaran
- Penyederhanaan kode QR
Situs web demo:http://qr.no0a.cn
Alamat GitHub:https://github.com/BWmelon/qrcode
kata pengantar
Pada awalnya, saya bersentuhan dengan kode pembayaran 3-in-1 adalah pengumpulan wijen, yang pada awalnya gratis, dan kemudian harganya menjadi 5RMB setelah dihasilkan. Setelah itu, saya menggunakan dua sistem pembuatan kode pembayaran, satu adalah koleksi, dan yang lainnya adalah kode koleksi Youqimeng, yang pertama sangat nyaman digunakan, yaitu pengenalan kode QR relatif lambat, saya ingin mengubah antarmuka tetapi saya belum belajar php dan tidak dapat berbuat apa-apa. Yang terakhir adalah kode sumber yang saya beli, dan butuh beberapa saat untuk meminta menantu perempuan kecil yang meminta saya untuk melarang ( ̄▽ ̄) Anda~*, dan setelah menemukan penulisnya, saya diminta untuk membeli kode sumber beberapa waktu lalu. . . Saya ingin membatalkan batasannya, tetapi saya tidak berdaya setelah membaca tutorial html+css, jadi saya mendapat ide untuk membangun sistem generasi saya sendiri.
Saya menghabiskan beberapa minggu melakukannya bolak-balik, pada dasarnya menghabiskannya sambil membaca dokumen di Baidu, karena saya baru saja mempelajari ini dan tidak pernah terpapar banyak hal. Setelah menganalisis fungsi sistem ini, saya merasa ini dapat dicapai dengan html+css+js, dan kemudian Baidu mulai menerapkan persyaratan selangkah demi selangkah.
Prinsip
Setelah dianalisis, ditemukan bahwa hanya dua halaman yang dibutuhkan.
- Hasilkan halaman
Ini adalah halaman utama situs web, dengan dua fungsi, satu adalah mengunggah kode pembayaran QQ, WeChat, Alipay dan menguraikannya menjadi tautan, dan yang lainnya adalah menggabungkan tautan ini dan kemudian membuat kode QR gabungan. Plugin 'qrcode' jQuery digunakan untuk mengurai dan menghasilkan, dan untuk estetika, 'kanvas' digunakan untuk menggambar gaya kode pembayaran.
- Halaman pembayaran
Ketika perangkat seluler memindai kode pembayaran yang dibuat sebelumnya, halaman ini dibuka dan akan mendapatkan tiga parameter (qq, WeChat, tautan Alipay) yang diteruskan dalam kode pembayaran, dan kemudian menilai kode QR yang dipindai oleh perangkat lunak saat ini sesuai dengan browser UA, qq dan WeChat tidak dapat langsung membangkitkan pembayaran, kemudian antarmuka kode QR ditampilkan agar pengguna menekan lama untuk membayar, Alipay dapat langsung masuk ke halaman transfer.
Dalam hal ini, situs web ini sudah siap, halaman yang dihasilkan meminjam dari koleksi dan kode pembayaran Youqimeng, agar tidak monoton dan tidak menyalin fungsinya dengan kaku, setelah berpikir sejenak, saya mendapat fungsi perubahan warna (rasanya tidak berguna, itu sepenuhnya terdiri dari konten haha), jika Anda membutuhkan gaya lain, Anda dapat pergi ke situs web mereka untuk menghasilkan. Dan karena ketiga tautan kode pembayaran berjumlah sangat panjang, kode QR yang dihasilkan lebih padat (yaitu, jelek), dan kemudian URL panjang dipersingkat melalui suo.im, sehingga kode QR yang dihasilkan akan lebih sederhana.
pakai
1. Unduh kode sumber dan unggah ke server atau host web Anda sendiri.
2. Ubah kode amplop merah Alipay dan kata sandi amplop merah Anda di '/js/index.js', dan hapus kode yang relevan jika Anda tidak perlu membuat antarmuka untuk iklan amplop merah, yang telah ditandai dalam file.
Jika Anda mengalami masalah, tolong berikan umpan balik, meskipun saya mungkin tidak dapat menyelesaikannya
Terima kasih
* Kumpulkan uang Anda
* Kode pembayaran Youqimeng
* Layui
|
Mantan:Buku Belajar Anak <Buddy School >v5.50 VIP Tidak TerkunciDepan:Artefak super! Ini memiliki seluruh jaringan film dan televisi, serta disk jaringan, pencarian magnetik, dan fungsi lainnya!
|
Diposting pada 01/11/2019 11.41.54