Android Studio使用Mob获取手机验证码

最新推荐文章于 2023-03-03 18:36:39 发布

想上天的小鱼

最新推荐文章于 2023-03-03 18:36:39 发布

阅读量2.1k

点赞数 4

分类专栏： Android 前端文章标签：手机验证码倒计时 Mob android Android Studio

本文链接：https://blog.csdn.net/weixin_38629529/article/details/89708276

版权

前端同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

Android

7 篇文章 0 订阅

订阅专栏

最近，在做毕设，对于我这个android小白来说，真的是很头大啊，好多东西都不会。。。

无奈，边学边做呗，都是自己作的啊！其中有一个模块是通过手机获取验证码进行登录，开始用的是Mob的后台获取验证码实现的，但是现在和服务端连接接口后，要改代码，但是觉得还是有必要记录一下，万一以后用得上呢！

先来看看最后的效果图，这是点击获取验证码之后的效果，初始效果见后面的布局文件哦：

1. mod官网下载相关包

这里我们需要用到几个包，这里自己就先注册一个账号了，因为如果要使用这个功能的话，后面是会用到的账号中的信息的。

点击这里添加应用，随意取一个名字就好：

应用添加成功后，添加SDK产品SMSSDK：

注意生成的AppKey和AppSecret哦，接下来我们会用到：

接下来就去下载中心，下载我们需要的包：

这里提醒一句哦，主要看自己下载的版本，这里分了IOS、android和其他的，我的手机是android，所以下的android的版本：

点击Android版的，会有这么一个弹框：

当然，你可以选择在build.gradle中直接配置，这样就不用下载离线SDK了，我这里讲的是第二种，第一种的话，按着上图的步骤操作就好了。

2. 配置Android Studio的环境

解压上面下载的压缩包，找到这样的几个jar包：

把它们放在项目的libs文件夹下：

修改build.gradle，添加如下：

3. 配置AndroidManifest.xml

首先，我们需要增加一些权限，具体如下：

    <uses-permission android:name="android.permission.READ_CONTACTS" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.RECEIVE_SMS" />
    <uses-permission android:name="android.permission.READ_SMS" />
    <uses-permission android:name="android.permission.GET_TASKS" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

在application节点下添加name属性：

android:name="com.mob.MobApplication"

在application里添加一个activity：

<activity

   android:name="com.mob.tools.MobUIShell"

   android:theme="@android:style/Theme.Translucent.NoTitleBar"

   android:configChanges="keyboardHidden|orientation|screenSize"

   android:windowSoftInputMode="stateHidden|adjustResize"/>

最后再补上两个meta-data，其中Mob-AppKey和Mob-AppSecret就是我们之前申请到的，这里把你的替换上去就好了，我就不把我的贴出来了。

<meta-data android:name="Mob-AppKey" android:value="你的AppKey"/>
<meta-data android:name="Mob-AppSecret" android:value="你的AppSecret"/>

当然，如果你不想在这里设置，也可以通过代码，代码设置就不需要继承上面说到的MobApplication，只要在使用SMSSDK之前，将AppKey和AppSecret传过去即可，例如：

// 通过代码注册你的AppKey和AppSecret
MobSDK.init(context,"你的AppKey","你的AppSecret");

最后，附上完整的AndroidManifest.xml:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.manage_system">
    <uses-permission android:name="android.permission.READ_CONTACTS" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.RECEIVE_SMS" />
    <uses-permission android:name="android.permission.READ_SMS" />
    <uses-permission android:name="android.permission.GET_TASKS" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <application
        android:name="com.mob.MobApplication"
       android:allowBackup="true"
        android:icon="@mipmap/logo"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".LoginByPhoneActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.mob.tools.MobUIShell"
            android:theme="@android:style/Theme.Translucent.NoTitleBar"
            android:configChanges="keyboardHidden|orientation|screenSize"
            android:windowSoftInputMode="stateHidden|adjustResize"/>
        <!-- 通过AndroidManifest配置AppKey和AppSecret，如果你选择通过代码配置，则不需要配置以下meta-data -->
        <meta-data android:name="Mob-AppKey" android:value="你的AppKey"/>
        <meta-data android:name="Mob-AppSecret" android:value="你的AppSecret"/>
    </application>

</manifest>

4. 页面布局ms_login_phone.xml

先看一张效果图：

哈哈，把学校图标遮住了，大家换成自定义的图像即可，布局文件如下：

<?xml version="1.0" encoding="utf-8"?>
<!--登录界面,用LinearLayout-->
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
  
    <!--标题栏-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <!--显示头像，记得加入id iv_head -->
        <ImageView
            android:id="@+id/iv_logo"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="15dp"
            android:background="@drawable/logo_icon" />

        <TextView
            android:id="@+id/bs_header"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:layout_gravity="bottom"
            android:padding="10dp"
            android:text="毕业论文管理系统"
            android:textColor="#b4594c"
            android:textSize="14sp" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="35dp"
        android:layout_marginRight="35dp"
        android:orientation="vertical">
        <!--输入框-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="48dp"
            android:layout_marginTop="50dp">

            <ImageView
                android:id="@+id/img_phone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="8dp"
                android:src="@drawable/phone_icon" />

            <EditText
                android:id="@+id/edit_phone"
                android:layout_width="fill_parent"
                android:layout_height="48dp"
                android:layout_gravity="center_horizontal"
                android:layout_toRightOf="@+id/img_phone"
                android:gravity="center_vertical"
                android:hint="请输入手机号"
                android:paddingLeft="8dp"
                android:singleLine="true"
                android:phoneNumber="true"
                android:textColor="#000000"
                android:textColorHint="#a3a3a3"
                android:textSize="14sp" />
        </LinearLayout>
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="45dp"
            android:layout_marginTop="10dp"
            android:paddingLeft="8dp"
            android:gravity="center_horizontal"
            android:orientation="horizontal">

            <EditText
                android:id="@+id/edit_cord"
                android:layout_width="34dp"
                android:layout_height="match_parent"
                android:layout_marginRight="10dp"
                android:layout_weight="1"
                android:background="@drawable/edit_bg_border"
                android:hint="请输入验证码"
                android:padding="8dp"
                android:textSize="14sp" />
            <!--layout_weight="1" layout_width="0dp"实现均分效果-->
            <Button
                android:id="@+id/btn_checkCode"
                android:layout_width="160dp"
                android:layout_height="match_parent"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="8dp"
                android:background="@drawable/login_button_selector"
                android:text="获取验证码"
                android:textColor="@android:color/white"
                android:textSize="18sp" />
        </LinearLayout>

        <!--按钮-->

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="15dp">

            <Button
                android:id="@+id/btn_byphone_login"
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:layout_gravity="center_horizontal"
                android:layout_marginLeft="8dp"
                android:background="@drawable/login_button_selector"
                android:text="登 陆"
                android:textColor="@android:color/white"
                android:textSize="18sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="15dp">

            <TextView
                android:id="@+id/login_by_phone"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_marginLeft="8dp"
                android:text="账号登录"
                android:textColor="#4876FF" />

            <TextView
                android:id="@+id/help"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="5dp"
                android:text="帮助"
                android:textColor="#4876FF" />

        </LinearLayout>
    </LinearLayout>

    <!--layout_weight="1" layout_width="0dp"实现均分效果-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/bs_info"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:layout_gravity="bottom"
            android:padding="8dp"
            android:text="XX大学  版权所有"
            android:textColor="#a7a7a7"
            android:textSize="10sp" />
    </LinearLayout>
</LinearLayout>

5. LoginByPhoneActivity，这里面就是一个业务逻辑的处理，注释已经很详细了，这里就不再多说了，直接上代码吧。

package com.manage_system;

import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

import com.manage_system.ui.personal.HelpActivity;
import com.manage_system.utils.TimeCountUtil;

import cn.smssdk.EventHandler;
import cn.smssdk.SMSSDK;

public class LoginByPhoneActivity extends AppCompatActivity implements View.OnClickListener {

    private EditText edit_phone;
    private EditText edit_cord;
    private TextView login_by_phone,help;
    private Button btn_checkCode;
    private Button btn_byphone_login;
    private String phone_number;
    private String cord_number;
    EventHandler eventHandler;
    private boolean flag=true;
    private TimeCountUtil mTimeCountUtil;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.ms_login_phone);
        getId();
        //这里的倒计时的时间 是 ：用第二参数 / 第三个三参数 = 倒计时为60秒
        mTimeCountUtil = new TimeCountUtil(btn_checkCode, 60000, 1000);

        eventHandler = new EventHandler() {
            public void afterEvent(int event, int result, Object data) {
                Message msg=new Message();
                msg.arg1=event;
                msg.arg2=result;
                msg.obj=data;
                handler.sendMessage(msg);
            }
        };

        SMSSDK.registerEventHandler(eventHandler);
    }


    @Override
    protected void onDestroy() {
        super.onDestroy();
        SMSSDK.unregisterEventHandler(eventHandler);
    }

    /**
     * 使用Handler来分发Message对象到主线程中，处理事件
     */
    Handler handler=new Handler()
    {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            int event=msg.arg1;
            int result=msg.arg2;
            Object data=msg.obj;
            if (event == SMSSDK.EVENT_GET_VERIFICATION_CODE) {
                if(result == SMSSDK.RESULT_COMPLETE) {
                    boolean smart = (Boolean)data;
                    if(smart) {
                        Toast.makeText(getApplicationContext(),"该手机号已经注册过，请重新输入",
                                Toast.LENGTH_LONG).show();
                        edit_phone.requestFocus();
                        return;
                    }
                }
            }
            if(result==SMSSDK.RESULT_COMPLETE)
            {
                if (event == SMSSDK.EVENT_SUBMIT_VERIFICATION_CODE) {
                    Toast.makeText(getApplicationContext(), "验证码输入正确",
                            Toast.LENGTH_LONG).show();
                    Intent intent = new Intent(LoginByPhoneActivity.this,MainActivity.class);
                    startActivity(intent);
                }
            }
            else
            {
                if(flag)
                {
                    btn_checkCode.setVisibility(View.VISIBLE);
                    Toast.makeText(getApplicationContext(),"验证码获取失败请重新获取", Toast.LENGTH_LONG).show();
                    edit_phone.requestFocus();
                }
                else
                {
                    Toast.makeText(getApplicationContext(),"验证码输入错误", Toast.LENGTH_LONG).show();
                }
            }
        }

    };

    /**
     * 获取id
     */
    private void getId()
    {
        edit_phone=(EditText) findViewById(R.id.edit_phone);
        edit_cord=(EditText)findViewById(R.id.edit_cord);
        btn_checkCode=(Button)findViewById(R.id.btn_checkCode);
        btn_byphone_login=(Button)findViewById(R.id.btn_byphone_login);
        login_by_phone=(TextView)findViewById(R.id.login_by_phone);
        help=(TextView)findViewById(R.id.help);
        btn_checkCode.setOnClickListener(this);
        btn_byphone_login.setOnClickListener(this);
        login_by_phone.setOnClickListener(this);
        help.setOnClickListener(this);
    }

    /**
     * 按钮点击事件
     */
    public void onClick(View v)
    {
        Intent intent;
        switch (v.getId())
        {
            case R.id.btn_checkCode:
                mTimeCountUtil.start();
                if(judPhone())//去掉左右空格获取字符串
                {
                    SMSSDK.getVerificationCode("86",phone_number);
                    edit_cord.requestFocus();
                }
                break;
            case R.id.btn_byphone_login:
                if(judCord())
                    SMSSDK.submitVerificationCode("86",phone_number,cord_number);
                flag=false;
                break;
            case R.id.login_by_phone:
                intent = new Intent(LoginByPhoneActivity.this,LoginActivity.class);
                startActivity(intent);
                break;
            case R.id.help:
                intent = new Intent(LoginByPhoneActivity.this,HelpActivity.class);
                startActivity(intent);
                break;
            default:
                break;
        }
    }

    private boolean judPhone()
    {
        if(TextUtils.isEmpty(edit_phone.getText().toString().trim()))
        {
            Toast.makeText(LoginByPhoneActivity.this,"请输入您的电话号码",Toast.LENGTH_LONG).show();
            edit_phone.requestFocus();
            return false;
        }
        else if(edit_phone.getText().toString().trim().length()!=11)
        {
            Toast.makeText(LoginByPhoneActivity.this,"您的电话号码位数不正确",Toast.LENGTH_LONG).show();
            edit_phone.requestFocus();
            return false;
        }
        else
        {
            phone_number=edit_phone.getText().toString().trim();
            String num="[1][358]\\d{9}";
            if(phone_number.matches(num))
                return true;
            else
            {
                Toast.makeText(LoginByPhoneActivity.this,"请输入正确的手机号码",Toast.LENGTH_LONG).show();
                return false;
            }
        }
    }

    private boolean judCord()
    {
        judPhone();
        if(TextUtils.isEmpty(edit_cord.getText().toString().trim()))
        {
            Toast.makeText(LoginByPhoneActivity.this,"请输入您的验证码",Toast.LENGTH_LONG).show();
            edit_cord.requestFocus();
            return false;
        }
        else if(edit_cord.getText().toString().trim().length()!=4)
        {
            Toast.makeText(LoginByPhoneActivity.this,"您的验证码位数不正确",Toast.LENGTH_LONG).show();
            edit_cord.requestFocus();

            return false;
        }
        else
        {
            cord_number=edit_cord.getText().toString().trim();
            return true;
        }
    }

}

这里，有两个Activity的代码，没有放上来，大家根据需求换成自己的就好了，我是因为界面上的布局写了账号登录和帮助，所以点击后会跳转到相应界面，这里根据项目需求进行增删就可以了。

6. 实现倒计时功能（TimeCountUtil）

package com.manage_system.utils;

import android.graphics.Color;
import android.os.CountDownTimer;
import android.widget.Button;

/**
 * Created by Violet-coco 
 * TimeCountUtil
 */
public class TimeCountUtil extends CountDownTimer {
    private Button mButton;

    public TimeCountUtil(Button button, long millisInFuture, long countDownInterval) {
        super(millisInFuture, countDownInterval);
        this.mButton = button;
    }

    @Override
    public void onTick(long millisUntilFinished) {
        // 按钮不可用
        mButton.setEnabled(false);
        mButton.setBackgroundColor(Color.parseColor("#dddddd"));
        String showText = millisUntilFinished / 1000 + "秒后可重新发送";
        mButton.setText(showText);
    }

    @Override
    public void onFinish() {
        // 按钮设置可用
        mButton.setEnabled(true);
        mButton.setText("重新获取验证码");
    }
}

好啦，大功告成，这下应该是问题不大了，感兴趣的小伙伴也可以试试哦！

最后，要感谢http://blog.csdn.net/qq_35812301/article/details/79150775，我这个小白也是参考完别人的教程，然后根据自己的项目需求总结的，若有什么不足，欢迎大家随时补充哦！