【瑞吉外卖】day08:短信发送、手机验证码登录(二)

本文涉及的产品
数字短信套餐包(仅限零售电商行业),100条 12个月
国际/港澳台短信套餐包,全球plus 100条 6个月
短信服务,100条 3个月
简介: 【瑞吉外卖】day08:短信发送、手机验证码登录

4.3.4 设置短信模板


切换到【模板管理】标签页:

image.png

那么什么是模板呢?

短信模板包含短信发送内容、场景、变量信息。模板的详情如下:

image.png

最终我们,给用户发送的短信中,具体的短信内容,就是上面配置的这个模板内容,将${code}占位符替换成对应的验证码数据即可。如下:

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333">【xxxxx】您好,您的验证码为173822,5分钟之内有效,不要泄露给他人!</span></span>

我们可以点击右上角的按钮,添加模板,然后填写模板的基本信息及设置的模板内容:

image.png

添加的短信模板,也是需要进行审核的只有审核通过,才可以正常使用。

4.3.5 设置AccessKey


AccessKey 是访问阿里云 API 的密钥,具有账户的完全权限,我们要想在后面通过API调用阿里云短信服务的接口发送短信,那么就必须要设置AccessKey。

我们点击右上角的用户头像,选择"AccessKey管理",这时就可以进入到AccessKey的管理界面。

image.png

进入到AccessKey的管理界面之后,提示两个选项 "继续使用AccessKey" 和 "开始使用子用户AccessKey",两个区别如下:

1). 继续使用AccessKey

如果选择的是该选项,我们创建的是阿里云账号的AccessKey,是具有账户的完全权限,有了这个AccessKey以后,我们就可以通过API调用阿里云的服务,不仅是短信服务,其他服务(OSS,语音服务,内容安全服务,视频点播服务...等)也可以调用。 相对来说,并不安全,当前的AccessKey泄露,会影响到我当前账户的其他云服务。

2). 开始使用子用户AccessKey

可以创建一个子用户,这个子用户我们可以分配比较低的权限,比如仅分配短信发送的权限,不具备操作其他的服务的权限,即使这个AccessKey泄漏了,也不会影响其他的云服务, 相对安全。

接下来就来演示一下,如何创建子用户AccessKey。

image.png

image.png

4.3.6 配置权限


上述我们已经创建了子用户, 但是这个子用户,目前没有任何权限,接下来,我们需要为创建的这个用户来分配权限。

image.png

经过上述的权限配置之后,那么新创建的这个 reggie 用户,仅有短信服务操作的权限,不具备别的权限,即使当前的AccessKey泄漏了,也只会影响短信服务,其他服务是不受影响的。

4.3.7 禁用/删除AccessKey


如果在使用的过程中 AccessKey 不小心泄漏了,我们可以在阿里云控制台中, 禁用或者删除该AccessKey。

image.png

image.png

==注意: 创建好了AccessKey后,请及时保存AccessKeyId 和 AccessKeySecret ,弹窗关闭后将无法再次获取该信息,但您可以随时创建新的 AccessKey。==

4.4 代码开发


使用阿里云短信服务发送短信,可以参照官方提供的文档即可。

官方文档: 短信服务 - 帮助中心 - 阿里云

image.png

我们根据官方文档的提示,引入对应的依赖,然后再引入对应的java代码,就可以发送消息了。

image.png

SDK : SDK 就是 Software Development Kit 的缩写,翻译过来——软件开发工具包,辅助开发某一类软件的相关文档、范例和工具的集合都可以叫做SDK。在我们与第三方接口相互时, 一般都会提供对应的SDK,来简化我们的开发。

具体实现:

1). pom.xml

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#117700"><</span><spanstyle="color:#117700">dependency</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"><</span><spanstyle="color:#117700">groupId</span><spanstyle="color:#117700">></span><spanstyle="color:var(--select-text-font-color) !important">com.aliyun</span><spanstyle="color:#117700"></</span><spanstyle="color:#117700">groupId</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"><</span><spanstyle="color:#117700">artifactId</span><spanstyle="color:#117700">></span><spanstyle="color:var(--select-text-font-color) !important">aliyun-java-sdk-core</span><spanstyle="color:#117700"></</span><spanstyle="color:#117700">artifactId</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"><</span><spanstyle="color:#117700">version</span><spanstyle="color:#117700">></span><spanstyle="color:var(--select-text-font-color) !important">4.5.16</span><spanstyle="color:#117700"></</span><spanstyle="color:#117700">version</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"></</span><spanstyle="color:#117700">dependency</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"><</span><spanstyle="color:#117700">dependency</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"><</span><spanstyle="color:#117700">groupId</span><spanstyle="color:#117700">></span><spanstyle="color:var(--select-text-font-color) !important">com.aliyun</span><spanstyle="color:#117700"></</span><spanstyle="color:#117700">groupId</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"><</span><spanstyle="color:#117700">artifactId</span><spanstyle="color:#117700">></span><spanstyle="color:var(--select-text-font-color) !important">aliyun-java-sdk-dysmsapi</span><spanstyle="color:#117700"></</span><spanstyle="color:#117700">artifactId</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"><</span><spanstyle="color:#117700">version</span><spanstyle="color:#117700">></span><spanstyle="color:var(--select-text-font-color) !important">2.1.0</span><spanstyle="color:#117700"></</span><spanstyle="color:#117700">version</span><spanstyle="color:#117700">></span><spanstyle="color:#117700"></</span><spanstyle="color:#117700">dependency</span><spanstyle="color:#117700">></span></span></span>

2). 将官方提供的main方法封装为一个工具类

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">aliyuncs</span>.<spanstyle="color:#000000">DefaultAcsClient</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">aliyuncs</span>.<spanstyle="color:#000000">IAcsClient</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">aliyuncs</span>.<spanstyle="color:#000000">dysmsapi</span>.<spanstyle="color:#000000">model</span>.<spanstyle="color:#000000">v20170525</span>.<spanstyle="color:#000000">SendSmsRequest</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">aliyuncs</span>.<spanstyle="color:#000000">dysmsapi</span>.<spanstyle="color:#000000">model</span>.<spanstyle="color:#000000">v20170525</span>.<spanstyle="color:#000000">SendSmsResponse</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">aliyuncs</span>.<spanstyle="color:#000000">exceptions</span>.<spanstyle="color:#000000">ClientException</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">aliyuncs</span>.<spanstyle="color:#000000">profile</span>.<spanstyle="color:#000000">DefaultProfile</span>;
<spanstyle="color:#aa5500">/**</span><span style="color:#aa5500">* 短信发送工具类</span><span style="color:#aa5500">*/</span><spanstyle="color:#770088">public</span><spanstyle="color:#770088">class</span><spanstyle="color:#0000ff">SMSUtils</span> {
<spanstyle="color:#aa5500">/**</span><span style="color:#aa5500">* 发送短信</span><span style="color:#aa5500">* @param signName 签名</span><span style="color:#aa5500">* @param templateCode 模板</span><span style="color:#aa5500">* @param phoneNumbers 手机号</span><span style="color:#aa5500">* @param param 参数</span><span style="color:#aa5500">*/</span><spanstyle="color:#770088">public</span><spanstyle="color:#770088">static</span><spanstyle="color:#008855">void</span><spanstyle="color:#000000">sendMessage</span>(<spanstyle="color:#008855">String</span><spanstyle="color:#000000">signName</span>, <spanstyle="color:#008855">String</span><spanstyle="color:#000000">templateCode</span>,<spanstyle="color:#008855">String</span><spanstyle="color:#000000">phoneNumbers</span>,<spanstyle="color:#008855">String</span><spanstyle="color:#000000">param</span>){
<spanstyle="color:#000000">DefaultProfile</span><spanstyle="color:#000000">profile</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#000000">DefaultProfile</span>.<spanstyle="color:#000000">getProfile</span>(<spanstyle="color:#aa1111">"cn-hangzhou"</span>, <spanstyle="color:#aa1111">"xxxxxxxxxxxxxxxx"</span>, <spanstyle="color:#aa1111">"xxxxxxxxxxxxxx"</span>);
<spanstyle="color:#000000">IAcsClient</span><spanstyle="color:#000000">client</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#770088">new</span><spanstyle="color:#000000">DefaultAcsClient</span>(<spanstyle="color:#000000">profile</span>);
<spanstyle="color:#000000">SendSmsRequest</span><spanstyle="color:#000000">request</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#770088">new</span><spanstyle="color:#000000">SendSmsRequest</span>();
<spanstyle="color:#000000">request</span>.<spanstyle="color:#000000">setSysRegionId</span>(<spanstyle="color:#aa1111">"cn-hangzhou"</span>);
<spanstyle="color:#000000">request</span>.<spanstyle="color:#000000">setPhoneNumbers</span>(<spanstyle="color:#000000">phoneNumbers</span>);
<spanstyle="color:#000000">request</span>.<spanstyle="color:#000000">setSignName</span>(<spanstyle="color:#000000">signName</span>);
<spanstyle="color:#000000">request</span>.<spanstyle="color:#000000">setTemplateCode</span>(<spanstyle="color:#000000">templateCode</span>);
<spanstyle="color:#000000">request</span>.<spanstyle="color:#000000">setTemplateParam</span>(<spanstyle="color:#aa1111">"{\"code\":\""</span><spanstyle="color:#981a1a">+</span><spanstyle="color:#000000">param</span><spanstyle="color:#981a1a">+</span><spanstyle="color:#aa1111">"\"}"</span>);
<spanstyle="color:#770088">try</span> {
<spanstyle="color:#000000">SendSmsResponse</span><spanstyle="color:#000000">response</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#000000">client</span>.<spanstyle="color:#000000">getAcsResponse</span>(<spanstyle="color:#000000">request</span>);
<spanstyle="color:#000000">System</span>.<spanstyle="color:#000000">out</span>.<spanstyle="color:#000000">println</span>(<spanstyle="color:#aa1111">"短信发送成功"</span>);
      }<spanstyle="color:#770088">catch</span> (<spanstyle="color:#000000">ClientException</span><spanstyle="color:#000000">e</span>) {
<spanstyle="color:#000000">e</span>.<spanstyle="color:#000000">printStackTrace</span>();
      }
   }
}</span></span>

备注 : 由于我们个人目前无法申请阿里云短信服务,所以这里我们只需要把流程跑通,具体的短信发送可以实现。

5. 手机验证码登录


5.1 需求分析


为了方便用户登录,移动端通常都会提供通过手机验证码登录的功能。手机验证码登录有如下优点:

1). 方便快捷,无需注册,直接登录

2). 使用短信验证码作为登录凭证,无需记忆密码

3). 安全

image.png

登录流程:

输入手机号 > 获取验证码 > 输入验证码 > 点击登录 > 登录成功

注意:通过手机验证码登录,手机号是区分不同用户的标识。

相关文章
|
6天前
|
数据采集 监控 安全
阿里云短信服务+图形认证,有效降低验证码盗刷概率
阿里云短信服务+图形认证服务,有效降低验证码盗刷概率。
阿里云短信服务+图形认证,有效降低验证码盗刷概率
|
1月前
|
JavaScript NoSQL Redis
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
这篇文章记录了在Vue中实现修改手机号和邮箱的大致流程,包括使用过滤器部分隐藏展示的手机号和邮箱,以及通过点击触发路由跳转的便捷方式。文章还描述了旧号码和新号码验证的界面实现,其中验证码由后端生成并通过弹窗展示给用户,未来可以接入真正的手机验证码接口。此外,还提供了修改邮箱的页面效果截图,并强调了学习是一个永无止境的过程。
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
|
3月前
|
存储 小程序 前端开发
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
266 0
|
4月前
|
机器学习/深度学习 数据采集 算法
基于贝叶斯算法的手机垃圾短信过滤
基于贝叶斯算法的手机垃圾短信过滤
|
6天前
|
存储 NoSQL Java
|
1月前
|
小程序 安全 Java
|
1月前
|
存储 NoSQL Java
使用redis进行手机验证码的验证、每天只能发送三次验证码 (redis安装在虚拟机linux系统中)
该博客文章展示了如何在Linux虚拟机上使用Redis和Jedis客户端实现手机验证码的验证功能,包括验证码的生成、存储、验证以及限制每天发送次数的逻辑,并提供了测试结果截图。
使用redis进行手机验证码的验证、每天只能发送三次验证码 (redis安装在虚拟机linux系统中)
|
25天前
|
存储 监控 开发工具
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
26 0
|
27天前
【Azure 环境】中国区Azure B2C 是否支持手机验证码登录呢?
【Azure 环境】中国区Azure B2C 是否支持手机验证码登录呢?
|
2月前
|
缓存 开发框架 前端开发
循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理
循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理

热门文章

最新文章