手机获取短信验证码登陆

主要是后台代码实现，
可以登陆容联云通讯，https://www.yuntongxun.com/?ly=baidu-pz-p&qd=cpc&cp=ppc&xl=null&kw=10360228

然后注册登录，可以添加测试手机号
系统会给8块钱，可以用来发送短信
然后会得到以下信息

然后对应的改后台的代码即可，对应改成自己生成的。

然后前端就可以写代码发送请求了，把对应的表单内容传给后台即可
部分代码：

// 异步登陆async login() {// 这里定义result，才可以在if之外取到let result;// 前台表单验证，看是哪种登陆方式if (this.loginWay) {//短信登陆// 取数据const { phone, code, rightPhone } = this;if (!this.rightPhone) {// 手机号不正确this.showAlert("手机号不正确");return;} else if (!/^\d{6}$/.test(code)) {// 验证码必须是6位的this.showAlert("验证码必须是6位的");return;}// 发送ajax 验证码请求// const result = await reqSmsLogin(phone, code);result = await reqSmsLogin(phone, code);console.log(result)} else {//密码登陆const { name, pwd, captcha } = this;if (!this.name) {// 用户名不正确this.showAlert("用户名不正确");return;} else if (!this.pwd) {//  密码不正确this.showAlert("密码不正确");return;} else if (!this.captcha) {// 验证码不正确this.showAlert("验证码不正确");return;}// 发送ajax请求密码登陆// const result = await reqPwdLogin({ name, pwd, captcha });result = await reqPwdLogin({ name, pwd, captcha });}// 停止倒计时(这里是不管成功还是失败，都要停止倒计时)if (this.computeTime) {this.computeTime = 0;clearInterval(this.intervalId);this.intervalId = undefined;}// 根据结果数据处理// result 不能用const定义了，得放到外面 否则 这个取不到if (result.code === 0) {const user = result.data;// 将user保存到vuex的statethis.$store.dispatch('recordUser',user)// 去个人中心界面this.$router.replace('/profile')} else {// 失败以后显示新的图片验证码this.getCaptcha()//重新调用图形验证码const msg = result.msg;this.showAlert(msg); //调用提示框}},

手机获取短信验证码登陆相关推荐

手机获取短信验证码——自定义UI界面
在上一篇博客中,简单实现了获取短信验证码的功能,那么在本文中,主要介绍短信SDK内置(无UI界面)的方法,对外的类主要有:SMSSDK和EventHandler 先看一波xml <?xml ve ...
vue中获取短信验证码IOS手机问题
vue使用中发现了一个问题,由于ios手机获取短信验证码后,验证码会直接显示在键盘上,点击键盘上的验证码即可给对应的input赋值,但是在项目开发中发现输入框的取值为空经过排查是因为通过v-mode ...
vue中获取短信验证码功能IOS手机问题
vue使用中发现了一个问题,由于ios手机获取短信验证码后,验证码会直接显示在键盘上,点击键盘上的验证码即可给对应的input赋值,但是在项目开发中发现输入框的取值为空经过排查是因为通过v-mode ...
Jmeter-函数助手-随机函数的使用（模拟1000+个手机用户获取短信验证码）
如何模拟1000个手机用户登录? 现在很多APP或者网站都需要使用手机号进行登录,那么使用手机号进行登录时,必然就需要"手机号+短信验证码"才可登录成功. 在实际测试过程中,测试人 ...
Web项目中手机注册短信验证码实现的全流程及代码
最近在做只能净化器的后台用户管理系统,需要使用手机号进行注册,找了许久才大致了解了手机验证码实现流程,今天在此和大家分享一下. 我们使用的是榛子云短信平台, 官网地址:http://smsow.zhe ...
手机发送短信验证码登录完整实例
项目需求后台生成随机6位数作为验证码,发送给手机,同时将验证码存入缓存,用户登录时验证输入的验证码是否过期或者是否正确. 一.发送短信 1.了解短信发送通过发送短信的API,建立一个URL类的对象 ...
SpringBoot 实现手机发送短信验证码
手机发送短信内容一.手机发送短信 1. 前端界面代码 2. UserInfoController 控制器 3. application.properties 配置类文件 4. 具体实现总结内容 ...
c语言短信验证码,Web项目中手机注册短信验证码实现的全流程及代码
使用的是榛子云短信平台, 官网地址:http://smsow.zhenzikj.com 后端使用了springMvc,前端用的是jsp + jquery 下载demo: https://downloa ...
Android 获取短信验证码并自动填充（踩坑小米、荣耀、OPPO、华为）
Android 获取短信验证码并自动填充(踩坑小米.荣耀.OPPO) 前言最近弄了个短信自动填充功能,一开始觉得很简单,不就是动态注册个广播接收器去监听短信消息不就可以了吗?结果没这么简单,问题就出 ...

手机获取短信验证码登陆

手机获取短信验证码登陆相关推荐

最新文章

热门文章