Rumah > Java > javaTutorial > Bagaimana untuk melaksanakan pendaftaran satu klik dan log masuk dengan kod pengesahan nombor telefon mudah alih dalam Java dan JavaScript bahagian depan dan belakang

Bagaimana untuk melaksanakan pendaftaran satu klik dan log masuk dengan kod pengesahan nombor telefon mudah alih dalam Java dan JavaScript bahagian depan dan belakang

WBOY
Lepaskan: 2023-05-03 08:46:06
ke hadapan
1963 orang telah melayarinya

1. Proses pendaftaran dan log masuk sekali klik

Bagaimana untuk melaksanakan pendaftaran satu klik dan log masuk dengan kod pengesahan nombor telefon mudah alih dalam Java dan JavaScript bahagian depan dan belakang

2 1. Klik - > Dapatkan kod pengesahan dan hubungi bahagian belakang untuk mendapatkan antara muka api kod pengesahan

2. Kira detik 59 saat

3. Klik berulang kali untuk mendapatkan kod pengesahan dan nilai sama ada kira detik kod pengesahan lebih besar daripada 0:

Jika lebih daripada 0, butang dapatkan kod pengesahan tidak boleh disentuh

  • Jika ia sama dengan 0, dapatkan kod pengesahan dan hubungi bahagian belakang untuk mendapatkan antara muka api kod pengesahan

  • 2.2 Kod pemerolehan kod pengesahan

    	var serverUrl = app.globalData.serverUrl;
    				// 调用后端发送验证码
    				uni.request({
    					method: "POST",
    					url: serverUrl + "/passport/getSMSCode?mobile=" + mobile,
    					success(result) {
    						var status = result.data.status;
    						if (status != 200) {
    							uni.showToast({
    								title: result.data.msg,
    								icon: "none"
    							});
    						}
    						// 开始倒数60秒限制
    						if(me.codeTimes == 0) {
    							me.doTimer(59);
    						}
    					}
    				});	
    			},
    			// 发送验证码的倒计时方法
    			doTimer(times) {
    				var me = this;
    				// 倒计时定时器
    				var sendCodeBtnFunction = function(){
    					var left = times--;
    					if (left <= 0) {
    						me.codeTouched = false;
    						me.codeBtnText = "发送验证码";
    						clearInterval(smsTimer);
    					} else {
    						me.codeBtnText = left + "s";
    					}
    					me.codeTimes = left;
    				};
    				var smsTimer = setInterval(sendCodeBtnFunction, 1000);
    			},
    Salin selepas log masuk

    3 kod pengesahan
3.1. Pra-pemprosesan

Untuk mengelakkan pemerolehan yang kerap Kod pengesahan membawa kepada operasi yang tidak sah Oleh itu, logik pemerolehan kod pengesahan perlu dipintas.

Had berdasarkan IP pengguna, mengehadkan pengguna untuk hanya mendapatkan satu kod pengesahan dalam masa 60 saat

Masukkan dahulu -> Pemprosesan pra-pemintasan kod pengesahan:

1 .Dapatkan ip pengguna

2. Kod pengesahan awalan kunci storan redis + dapatkan ip pengguna sebagai kunci dalam redis, dapatkan ip permintaan tersimpan daripada redis

Jika ada IP permintaan pengguna yang belum tamat tempoh dalam redis, ia akan menggesa "Mesej teks dihantar terlalu cepat~Sila cuba lagi nanti!"

  • Jika tiada permintaan pengguna dalam ip redis, maka ia dibenarkan dan terus memanggil api antara muka kod pengesahan

  • 3.2. Tambah pemintas

Bagaimana untuk melaksanakan pendaftaran satu klik dan log masuk dengan kod pengesahan nombor telefon mudah alih dalam Java dan JavaScript bahagian depan dan belakang

3.3. Dapatkan kod pengesahan

1. Sahkan data yang diisi dalam kotak masukan, ia akan digesa.

Bagaimana untuk melaksanakan pendaftaran satu klik dan log masuk dengan kod pengesahan nombor telefon mudah alih dalam Java dan JavaScript bahagian depan dan belakang2. Dapatkan ip permintaan pengguna

3. Hadkan mengikut ip pengguna, mengehadkan pengguna hanya mendapat satu kod pengesahan dalam masa 60 saat

4

5. Hubungi perkhidmatan SMS Tencent/Alibaba dan hantar kod pengesahan

6 Masukkan kod pengesahan ke dalam redis untuk pengesahan seterusnya

7 .Kembalikan kod pengesahan

<.>

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan pendaftaran satu klik dan log masuk dengan kod pengesahan nombor telefon mudah alih dalam Java dan JavaScript bahagian depan dan belakang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:yisu.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan