最近突然想起App里面的登录模块,有可以使用手机号码注册的功能,感觉此功能在大多款App里面都比较常见,因此在此做一个记录,顺便将之前踩过得坑在此记录一下,之前一直没有在简书上面写过文章,感觉慌慌哒。好了,下面开始记录下我的过程。
先放上最终的效果图:
我去,这上传的效果也不是太好,各位看官请见谅,不过基本的功能还是有了的,不妨碍后面的阅读。
下面我将一步步介绍如何实现这个功能的。
首先我使用的是容联云平台的短信验证,做这个之前需要先注册一个开发者账号,然后下载里面的一个demo,可以它的看看介绍。 然后就是下载一个jar包,新建一个Android Studio工程,将jar包拷贝到lib目录下. 找到demo里面的主要代码,一个复制粘贴过来就可以了,大部分的配置都有注释说明,比较详细. 然后对应的在代码里面修改你注册的 ACOUNT SID以及 AUTH TOKEN ,当然这里面有一个坑,你需要在官网注册一下你设置的手机号,也就是你测试时接收短信的,如果不设置的话是收不到短信的哦.
下面开始上代码
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("获取验证码"); } } }
下面是工具类
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); } }
布局:
<?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。该文章是我第一次在简书这个平台上面写,可能会存在各方面的问题,难免经验不足,希望大家不要在意。另外如果能够帮助到大家,那就更好不过了。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。