一.开发微信公众号
1.注册网址:
https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN&token=
2.个人用户注册的公众号不能跳转网页,企业级的可以用企业资质注册服务号或者订阅号,可以添加菜单,跳转网页或小程序。可以是登录页面,购物页面,官网等等。
3.需求分析(以电动车寻找充电桩充电为例):
用户通过关注公众号,点击充电,跳转到充电页面,页面可以查看附近充电桩,扫码充电前需要先完成手机号登录注册,使用阿里云发送短信验证码完成登录。
二.搭建移动端工程
1.注册阿里云账号
www.aliyun.com
2.找到短信服务
点击 国内消息—>添加签名—>模板管理
点击用户头像按照下图所示创建accesskeys,创建完成后及时保存:
然后设置一下每日或者每月发送短信的上限,重置金额.
3.代码实现
3.1 导入阿里发送短信的maven坐标
<!--阿里云短信-->
<dependency>
<groupId>com.aliyun</groupId>
<artifactId>aliyun-java-sdk-core</artifactId>
<version>3.3.1</version>
</dependency>
<dependency>
<groupId>com.aliyun</groupId>
<artifactId>aliyun-java-sdk-dysmsapi</artifactId>
<version>1.0.0</version>
</dependency>
3.2 准备SMSUtils工具类
import com.aliyuncs.DefaultAcsClient;
import com.aliyuncs.IAcsClient;
import com.aliyuncs.dysmsapi.model.v20170525.SendSmsRequest;
import com.aliyuncs.dysmsapi.model.v20170525.SendSmsResponse;
import com.aliyuncs.exceptions.ClientException;
import com.aliyuncs.http.MethodType;
import com.aliyuncs.profile.DefaultProfile;
import com.aliyuncs.profile.IClientProfile;
/**
* 短信发送工具类
*/
public class SMSUtils {
public static final String VALIDATE_CODE = "SMS_159620392";//发送短信验证码
public static final String ORDER_NOTICE = "SMS_159771588";//体检预约成功通知
/**
* 发送短信
* @param phoneNumbers
* @param param
* @throws ClientException
*/
public static void sendShortMessage(String templateCode,String phoneNumbers,String param) throws ClientException{
// 设置超时时间-可自行调整
System.setProperty("sun.net.client.defaultConnectTimeout", "10000");
System.setProperty("sun.net.client.defaultReadTimeout", "10000");
// 初始化ascClient需要的几个参数
final String product = "Dysmsapi";// 短信API产品名称(短信产品名固定,无需修改)
final String domain = "dysmsapi.aliyuncs.com";// 短信API产品域名(接口地址固定,无需修改)
// 替换成你的AK
final String accessKeyId = "LTAIY8Mawj3VMseR";// 你的accessKeyId,参考本文档步骤2
final String accessKeySecret = "2eHxOORZf4YzpQebROfOoXBFLHJCRY";// 你的accessKeySecret,参考本文档步骤2
// 初始化ascClient,暂时不支持多region(请勿修改)
IClientProfile profile = DefaultProfile.getProfile("cn-hangzhou", accessKeyId, accessKeySecret);
DefaultProfile.addEndpoint("cn-hangzhou", "cn-hangzhou", product, domain);
IAcsClient acsClient = new DefaultAcsClient(profile);
// 组装请求对象
SendSmsRequest request = new SendSmsRequest();
// 使用post提交
request.setMethod(MethodType.POST);
// 必填:待发送手机号。支持以逗号分隔的形式进行批量调用,批量上限为1000个手机号码,批量调用相对于单条调用及时性稍有延迟,验证码类型的短信推荐使用单条调用的方式
request.setPhoneNumbers(phoneNumbers);
// 必填:短信签名-可在短信控制台中找到
request.setSignName("传智健康");
// 必填:短信模板-可在短信控制台中找到
request.setTemplateCode(templateCode);
// 可选:模板中的变量替换JSON串,如模板内容为"亲爱的${name},您的验证码为${code}"时,此处的值为
// 友情提示:如果JSON中需要带换行符,请参照标准的JSON协议对换行符的要求,比如短信内容中包含\r\n的情况在JSON中需要表示成\\r\\n,否则会导致JSON在服务端解析失败
request.setTemplateParam("{\"code\":\""+param+"\"}");
// 可选-上行短信扩展码(扩展码字段控制在7位或以下,无特殊需求用户请忽略此字段)
// request.setSmsUpExtendCode("90997");
// 可选:outId为提供给业务方扩展字段,最终在短信回执消息中将此值带回给调用者
// request.setOutId("yourOutId");
// 请求失败这里会抛ClientException异常
SendSmsResponse sendSmsResponse = acsClient.getAcsResponse(request);
if (sendSmsResponse.getCode() != null && sendSmsResponse.getCode().equals("OK")) {
// 请求成功
System.out.println("请求成功");
}
}
}
3.3 修改以下几点:
4.随机生成验证码的工具类
/**
* 随机生成验证码工具类
*/
public class ValidateCodeUtils {
/**
* 随机生成验证码
* @param length 长度为4位或者6位
* @return
*/
public static Integer generateValidateCode(int length){
Integer code =null;
if(length == 4){
code = new Random().nextInt(9999);//生成随机数,最大为9999
if(code < 1000){
code = code + 1000;//保证随机数为4位数字
}
}else if(length == 6){
code = new Random().nextInt(999999);//生成随机数,最大为999999
if(code < 100000){
code = code + 100000;//保证随机数为6位数字
}
}else{
throw new RuntimeException("只能生成4位或6位数字验证码");
}
return code;
}
/**
* 随机生成指定长度字符串验证码
* @param length 长度
* @return
*/
public static String generateValidateCode4String(int length){
Random rdm = new Random();
String hash1 = Integer.toHexString(rdm.nextInt());
String capstr = hash1.substring(0, length);
return capstr;
}
}
5.页面校验手机号后发送ajax请求调用controller层代码发送短信,并将验证码保存在redis中5分钟
package controller;
import com.aliyuncs.exceptions.ClientException;
import constant.MessageConstant;
import constant.RedisMessageConstant;
import entity.Result;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import redis.clients.jedis.JedisPool;
import utils.SMSUtils;
import utils.ValidateCodeUtils;
@RestController
@RequestMapping("/validateCode")
public class ValidateCodeController {
@Autowired
private JedisPool jedisPool;
@RequestMapping("/send4Login")
public Result send4Login(String telephone) {
Integer code = ValidateCodeUtils.generateValidateCode(6);
System.out.println("验证码为:" + code);
jedisPool.getResource().setex(telephone + RedisMessageConstant.SENDTYPE_LOGIN, 60 * 5, code.toString());
return new Result(true, MessageConstant.SEND_VALIDATECODE_SUCCESS);
}
}
6.页面提交手机号和验证码,校验手机号和验证码格式后发送ajax请求调用后台代码完成登录
@RestController
@RequestMapping("/login")
public class MemberController {
@Reference
private MemberService memberService;
@Autowired
private JedisPool jedisPool;
@RequestMapping("/check")
public Result check(@RequestBody Map map, HttpServletResponse response) {
String validateCode = (String) map.get("validateCode");
String telephone = (String) map.get("telephone");
String codeInRedis = jedisPool.getResource().get(telephone + RedisMessageConstant.SENDTYPE_LOGIN);
//1.校验验证码
if (validateCode != null && codeInRedis != null && validateCode.equals(codeInRedis)) {
//2.1 验证码正确,根据telephone查询member表
Member member = memberService.findByTelephone(telephone);
//2.1.1 如果在member中查不到数据,就进行会员的简单注册
if (member == null) {
member = new Member();
member.setRegTime(new Date());
member.setPhoneNumber(telephone);
memberService.add(member);
}
//2.1.2 如果查到了数据
//2.2 将member存到redis中,把手机号存到cookie中
jedisPool.getResource().setex(telephone, 60 * 30, JSON.toJSONString(member));
Cookie cookie = new Cookie("login_member_telephone", telephone);
cookie.setPath("/");
cookie.setMaxAge(60 * 30);
response.addCookie(cookie);
return new Result(true, MessageConstant.LOGIN_SUCCESS);
} else {
//2.3 验证码错误,直接返回错误信息
return new Result(false, MessageConstant.VALIDATECODE_ERROR);
}
}
}