短信验证-1基本的服务器环境搭建

1.初始化package.json

npm init --yes

2.模块安装

npm  install express body-parser request querystring --save

3.创建index.js文件

4.安装nodemon用于检测代码改变

npm install nodemon -g

5.index页面搭建服务器

const express=require('express')
const bodyParser=require('body-parser') //用于接收前端传来的数据
const request=require('request') //在后端请求接口
const querystring=require('querystring')

const app=express();//实例化app用于监听

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))

// parse application/json
app.use(bodyParser.json())

app.get("/",(req,res)=>{
    res.send("hello world")
})

const port=process.env.PORT||5000;
app.listen(port,()=>{
    console.log(`server is running on port ${port}`)
})

6.ctrl+` 运行nodemon,在localhost:5000页面显示hello word,此时后端服务器已搭建完成

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot和Vue可以很好地配合实现手机短信登录功能。下面是大致的实现步骤: 1. 后端实现: - 使用Spring Boot框架搭建后端服务器。 - 引入相关的依赖,如Spring Boot Starter Web、Spring Boot Starter Security等。 - 配置短信服务商的相关参数,如接口地址、API密钥等。 - 定义短信验证码的生成逻辑,可以使用短信服务商提供的SDK或自行实现。 - 定义登录接口,接收前端传递的手机号和验证码,验证验证码是否正确,如果正确则生成token返回给前端。 - 使用Spring Security提供的机制,将登录接口设置为不需要认证即可访问。 2. 前端实现: - 使用Vue框架搭建前端页面。 - 设计登录页面,包含手机号输入框、验证码输入框和登录按钮。 - 使用Vue的表单验证机制,对手机号和验证码进行前端验证,如手机号格式是否正确、验证码是否为空等。 - 使用Axios或其他HTTP请求库,调用后端提供的登录接口,传递手机号和验证码。 - 接收后端返回的token,并将其保存在本地(如LocalStorage)。 - 后续的请求可以在请求头中加上Authorization字段,值为"Bearer " + token,以实现鉴权。 综上所述,通过Spring Boot提供后端接口和短信服务的集成,再通过Vue构建前端页面和发送请求,可以实现手机短信登录的功能。整个流程包括生成验证码、发送验证码、验证验证码、生成token等步骤。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值