最近突然想起App里面的登录模块,有可以使用手机号码注册的功能,感觉此功能在大多款App里面都比较常见,因此在此做一个记录,顺便将之前踩过得坑在此记录一下,之前一直没有在简书上面写过文章,感觉慌慌哒。好了,下面开始记录下我的过程。
先放上最终的效果图:
我去,这上传的效果也不是太好,各位看官请见谅,不过基本的功能还是有了的,不妨碍后面的阅读。
下面我将一步步介绍如何实现这个功能的。
- 首先我使用的是容联云平台的短信验证,做这个之前需要先注册一个开发者账号,然后下载里面的一个demo,可以它的看看介绍。
- 然后就是下载一个jar包,新建一个Android Studio工程,将jar包拷贝到lib目录下.
- 找到demo里面的主要代码,一个复制粘贴过来就可以了,大部分的配置都有注释说明,比较详细.
- 然后对应的在代码里面修改你注册的 ACOUNT SID以及 AUTH TOKEN ,当然这里面有一个坑,你需要在官网注册一下你设置的手机号,也就是你测试时接收短信的,如果不设置的话是收不到短信的哦.
下面开始上代码
代码语言:javascript复制package com.rain.messageandsend;
import android.os.CountDownTimer;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
import com.cloopen.rest.sdk.CCPRestSmsSDK;
import java.util.HashMap;
import java.util.Random;
import java.util.Set;
public class MainActivity extends AppCompatActivity {
private Button mBt_message;
private EditText mEt_number;
private String mNumber;
private MyCountDown mCountDown;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
long time = Timeutils.getTime(this, "time");
//更新时间ui
if(time==0){
time = 60000;
mCountDown = new MyCountDown(mBt_message,time,1000);
}else{
mCountDown = new MyCountDown(mBt_message,time,1000);
mCountDown.start();
}
}
private void initView() {
mBt_message = (Button) findViewById(R.id.bt_number);
mEt_number = (EditText) findViewById(R.id.et_number);
}
//获取验证码
public void click01(View view){
getMessageNumber();
Toast.makeText(this, "点击了获取验证码", Toast.LENGTH_SHORT).show();
mCountDown.start();
}
//通过这个方法获取验证码的
private void getMessageNumber() {
HashMap<String, Object result = null;
//初始化SDK
CCPRestSmsSDK restAPI = new CCPRestSmsSDK();
//******************************注释*********************************************
//*初始化服务器地址和端口 *
//*沙盒环境(用于应用开发调试):restAPI.init("sandboxapp.cloopen.com", "8883");*
//*生产环境(用户应用上线使用):restAPI.init("app.cloopen.com", "8883"); *
//*******************************************************************************
restAPI.init("sandboxapp.cloopen.com", "8883");
//******************************注释*********************************************
//*初始化主帐号和主帐号令牌,对应官网开发者主账号下的ACCOUNT SID和AUTH TOKEN *
//*ACOUNT SID和AUTH TOKEN在登陆官网后,在“应用-管理控制台”中查看开发者主账号获取*
//*参数顺序:第一个参数是ACOUNT SID,第二个参数是AUTH TOKEN。 *
//*******************************************************************************
restAPI.setAccount("", "");
//******************************注释*********************************************
//*初始化应用ID *
//*测试开发可使用“测试Demo”的APP ID,正式上线需要使用自己创建的应用的App ID *
//*应用ID的获取:登陆官网,在“应用-应用列表”,点击应用名称,看应用详情获取APP ID*
//*******************************************************************************
restAPI.setAppId("");
//******************************注释****************************************************************
//*调用发送模板短信的接口发送短信 *
//*参数顺序说明: *
//*第一个参数:是要发送的手机号码,可以用逗号分隔,一次最多支持100个手机号 *
//*第二个参数:是模板ID,在平台上创建的短信模板的ID值;测试的时候可以使用系统的默认模板,id为1。 *
//*系统默认模板的内容为“【云通讯】您使用的是云通讯短信模板,您的验证码是{1},请于{2}分钟内正确输入”*
//*第三个参数是要替换的内容数组。 *
//**************************************************************************************************
//**************************************举例说明***********************************************************************
//*假设您用测试Demo的APP ID,则需使用默认模板ID 1,发送手机号是13800000000,传入参数为6532和5,则调用方式为 *
//*result = restAPI.sendTemplateSMS("13800000000","1" ,new String[]{"6532","5"}); *
//*则13800000000手机号收到的短信内容是:【云通讯】您使用的是云通讯短信模板,您的验证码是6532,请于5分钟内正确输入 *
//*********************************************************************************************************************
//四位的随机数
mNumber = (new Random().nextInt(8999) 1000) "";
result = restAPI.sendTemplateSMS("此处为手机号码","1" ,new String[]{mNumber,"5"});
System.out.println("SDKTestGetSubAccounts result=" result);
if("000000".equals(result.get("statusCode"))){
//正常返回输出data包体信息(map)
HashMap<String,Object data = (HashMap<String, Object ) result.get("data");
Set<String keySet = data.keySet();
for(String key:keySet){
Object object = data.get(key);
System.out.println(key " = " object);
}
}else{
//异常返回输出错误码和错误信息
System.out.println("错误码=" result.get("statusCode") " 错误信息= " result.get("statusMsg"));
}
}
//验证验证码
public void click02(View view){
String infoNumber = mEt_number.getText().toString();
if(TextUtils.isEmpty(infoNumber)){
Toast.makeText(this, "验证码不能为空", Toast.LENGTH_SHORT).show();
}else{
if(infoNumber.equals(mNumber)){
Toast.makeText(this, "验证码正确", Toast.LENGTH_SHORT).show();
}else{
Toast.makeText(this, "验证码错误", Toast.LENGTH_SHORT).show();
}
}
}
/**
* 继承 CountDownTimer
*
* 重写 父类的方法 onTick() 、 onFinish()
*/
class MyCountDown extends CountDownTimer{
private Button bt;
/**
* @param millisInFuture The number of millis in the future from the call
* to {@link #start()} until the countdown is done and {@link #onFinish()}
* is called.
* 表示以毫秒为单位 倒计时的总数
*
* 例如 millisInFuture=1000 表示1秒
* @param countDownInterval The interval along the way to receive
* {@link #onTick(long)} callbacks.
* 表示 间隔 多少微秒 调用一次 onTick 方法
*
* 例如: countDownInterval =1000 ; 表示每1000毫秒调用一次onTick()
*/
public MyCountDown(Button button,long millisInFuture, long countDownInterval) {
super(millisInFuture, countDownInterval);
this.bt = button;
}
@Override
public void onTick(long millisUntilFinished) {
bt.setText((millisUntilFinished / 1000) "秒后可重发");
bt.setClickable(false);
Timeutils.saveTime(MainActivity.this,"time",millisUntilFinished);
}
@Override
public void onFinish() {
bt.setClickable(true);
bt.setText("获取验证码");
}
}
}
下面是工具类
代码语言:javascript复制package com.rain.messageandsend;
import android.content.Context;
import android.content.SharedPreferences;
/**
* Created by rain on 2017/8/8 0008.
*/
public class Timeutils {
private static SharedPreferences sSp;
public static void saveTime(Context context, String name, long time){
if(sSp == null){
sSp = context.getSharedPreferences("ccc", Context.MODE_PRIVATE);
}
sSp.edit().putLong(name,time).apply();
}
public static long getTime(Context context, String name){
if(sSp == null){
sSp = context.getSharedPreferences("ccc", Context.MODE_PRIVATE);
}
return sSp.getLong(name,0L);
}
}
布局:
代码语言:javascript复制<?xml version="1.0" encoding="utf-8"?
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@ id/activity_main"
android:orientation="vertical"
android:paddingBottom="16dp"
android:paddingRight="16dp"
android:paddingTop="16dp"
android:paddingLeft="16dp"
android:layout_width="match_parent"
android:layout_height="match_parent"
<LinearLayout
android:layout_gravity="center_vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
<EditText
android:layout_weight="2"
android:layout_width="0dp"
android:hint="请输入验证码"
android:id="@ id/et_number"
android:layout_height="wrap_content"/
<Button
android:onClick="click01"
android:gravity="center"
android:id="@ id/bt_number"
android:layout_gravity="center_vertical"
android:layout_width="0dp"
android:text="获取验证码"
android:layout_weight="1"
android:layout_height="wrap_content"/
</LinearLayout
<Button
android:onClick="click02"
android:layout_marginTop="16dp"
android:gravity="center"
android:layout_width="match_parent"
android:text="验证"
android:layout_height="wrap_content"/
</LinearLayout
其中在计时器方面我使用了谷歌封装的一个类 CountDownTimer 这个类完美的进行了一些封装,并且提供回调给我们使用。之前我是直接使用的最原始的方法使用的,自己写线程以及控制按钮的点击状态等等。
该demo最典型的是当我们的App完全退出后,再次点击进来里面的倒计时开始时间不是上次退出的时间,而是从上次退出后,依然在进行倒计时功能。看到这里,相信您一定已经了解了大概原理了,该案例不建议大家直接拿到项目中去用,可能还会有一些我没有检测到的bug。该文章是我第一次在简书这个平台上面写,可能会存在各方面的问题,难免经验不足,希望大家不要在意。另外如果能够帮助到大家,那就更好不过了。
以上就是本文的全部内容,希望对大家的学习有所帮助。