1. 程式人生 > >Android 開發第一步 簡訊驗證碼登入

Android 開發第一步 簡訊驗證碼登入

目前的安卓開發中,常規的使用者名稱+密碼的登入方式已漸漸被賬戶+簡訊驗證碼替換掉。這主要是出於對使用者資訊保安的保證。現在和大家分享下關於簡訊驗證碼的使用。
首先,需要一個電話號碼,目前很多賬戶都是將賬戶名設定成手機號,然後點選按鈕獲取手機驗證碼。
其次,你需要後臺給你手機簡訊的驗證介面,各個公司用的不一樣,這個身為前端,不需要你來考慮,你只要讓你後臺給你寫好介面,你直接呼叫就好了。
最後,講一下操作的請求方式,我這裡通過使用xutils進行請求,所以你需要先在你的專案中匯入xutils專案包。

這裡是具體的操作。

activity_login.xml
佈局檔案

activity_login.xml
佈局檔案
<?xml version="1.0" encoding="utf-8"?>
<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="60dp" android:layout_marginTop
="20dp" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:gravity="center" android:orientation="horizontal">
<EditText android:id="@+id/mobile_login" android:layout_width="match_parent" android:layout_height
="40dp" android:layout_marginLeft="10dp" android:hint="請輸入您的手機號" android:textSize="16sp" android:background="@null" android:inputType="number" />
</LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="50dp" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginTop="15dp" android:gravity="center" android:orientation="horizontal"> <EditText android:id="@+id/yanzhengma" android:layout_width="0dp" android:layout_height="40dp" android:layout_weight="4" android:background="@null" android:layout_marginLeft="10dp" android:hint="請輸入驗證碼" android:textSize="16sp" android:inputType="number" /> <Button android:id="@+id/getyanzhengma1" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1.9" android:textSize="13sp" android:gravity="center" android:text="獲取驗證碼" android:layout_gravity="center" /> </LinearLayout> <Button android:id="@+id/login_btn" android:layout_width="match_parent" android:layout_height="40dp" android:layout_marginTop="20dp" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:text="登入" android:textSize="16sp" /> </LinearLayout>

接下來是具體的操作流程

## LoginActivity.java##
public class LoginActivity extends Activity implements View.OnClickListener {

    private int countSeconds = 60;//倒計時秒數
    private EditText mobile_login, yanzhengma;
    private Button getyanzhengma1, login_btn;

    private Context mContext;
    private String usersuccess;

    private Handler mCountHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            if (countSeconds > 0) {
                --countSeconds;
                getyanzhengma1.setText("(" + countSeconds + ")後獲取驗證碼");
                mCountHandler.sendEmptyMessageDelayed(0, 1000);
            } else {
                countSeconds = 60;
                getyanzhengma1.setText("請重新獲取驗證碼");
            }
        }
    };
    private String userinfomsg;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mContext = this;
            setContentView(R.layout.activity_login);
            initView();
            initEvent();
            initData();
  }

    private void initView() {
        mobile_login = (EditText) findViewById(R.id.mobile_login);
        getyanzhengma1 = (Button) findViewById(R.id.getyanzhengma1);
        yanzhengma = (EditText) findViewById(R.id.yanzhengma);
        login_btn = (Button) findViewById(R.id.login_btn);

    }

    private void initEvent() {
        getyanzhengma1.setOnClickListener(this);
        login_btn.setOnClickListener(this);

    }

    private void initData() {

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.getyanzhengma1:
                if (countSeconds == 60) {
                    String mobile = mobile_login.getText().toString();
                    Log.e("tag", "mobile==" + mobile);
                    getMobiile(mobile);
                } else {
                    Toast.makeText(LoginActivity.this, "不能重複傳送驗證碼", Toast.LENGTH_SHORT).show();
                }
                break;
            case R.id.login_btn:
                login();
                break;
            default:
                break;
        }
    }
    //獲取資訊進行登入
    public void login() {
        String mobile = mobile_login.getText().toString().trim();
        String verifyCode = yanzhengma.getText().toString().trim();
        RequestParams params = new RequestParams(“這裡換成你的請求登入的介面”);
        x.http().post(params, new Callback.ProgressCallback<String>() {
            @Override
            public void onWaiting() {

            }
            @Override
            public void onStarted() {

            }
            @Override
            public void onLoading(long total, long current, boolean isDownloading) {

            }
            @Override
            public void onSuccess(String result) {

                try {
                    JSONObject jsonObject = new JSONObject(result);
                    Log.e("tag", "登陸的result=" + jsonObject);
                    String success = jsonObject.optString("success");
                    String data = jsonObject.optString("data");
                    String  msg=jsonObject.optString("msg");
                    if ("true".equals(success)) {
                        Log.e("tag","登陸的data="+data);
                        JSONObject json = new JSONObject(data);
                        token = json.optString("token");
                        userId = json.optString("userId");

                 //我這裡按照我的要求寫的,你們也可以適當改動  
                        //獲取使用者資訊的狀態
                        getUserInfo();

                    }else{
                        Toast.makeText(LoginActivity.this, msg, Toast.LENGTH_SHORT).show();
                    }
                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
            @Override
            public void onError(Throwable ex, boolean isOnCallback) {

            }
            @Override
            public void onCancelled(CancelledException cex) {

            }
            @Override
            public void onFinished() {

            }
        });
    }

    //獲取驗證碼資訊,判斷是否有手機號碼
    private void getMobiile(String mobile) {
        if ("".equals(mobile)) {
            Log.e("tag", "mobile=" + mobile);
            new AlertDialog.Builder(mContext).setTitle("提示").setMessage("手機號碼不能為空").setCancelable(true).show();
        } else if (isMobileNO(mobile) == false) {
            new AlertDialog.Builder(mContext).setTitle("提示").setMessage("請輸入正確的手機號碼").setCancelable(true).show();
        } else {
            Log.e("tag", "輸入了正確的手機號");
            requestVerifyCode(mobile);
        }
    }

    //獲取驗證碼資訊,進行驗證碼請求
    private void requestVerifyCode(String mobile) {
     RequestParams requestParams = new RequestParams(“這裡是你請求的驗證碼介面,讓後臺給你,引數什麼的加在後面”);

        x.http().post(requestParams, new Callback.ProgressCallback<String>() {
            @Override
            public void onWaiting() {

            }

            @Override
            public void onStarted() {

            }

            @Override
            public void onLoading(long total, long current, boolean isDownloading) {

            }

            @Override
            public void onSuccess(String result) {

                try {
                    JSONObject jsonObject2 = new JSONObject(result);
                    Log.e("tag", "jsonObject2" + jsonObject2);
                    String state = jsonObject2.getString("success");
                    String verifyCode = jsonObject2.getString("msg");
                    Log.e("tag", "獲取驗證碼==" + verifyCode);
                    if ("true".equals(state)) {
                        Toast.makeText(LoginActivity.this, verifyCode, Toast.LENGTH_SHORT).show();
                        startCountBack();//這裡是用來進行請求引數的
                    } else {
                        Toast.makeText(LoginActivity.this, verifyCode, Toast.LENGTH_SHORT).show();
                    }

                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
            @Override
            public void onError(Throwable ex, boolean isOnCallback) {
                ex.printStackTrace();
            }

            @Override
            public void onCancelled(CancelledException cex) {

            }

            @Override
            public void onFinished() {

            }
        });
    }

    //使用正則表示式判斷電話號碼
    public static boolean isMobileNO(String tel) {
        Pattern p = Pattern.compile("^(13[0-9]|15([0-3]|[5-9])|14[5,7,9]|17[1,3,5,6,7,8]|18[0-9])\\d{8}$");
        Matcher m = p.matcher(tel);
        System.out.println(m.matches() + "---");
        return m.matches();
    }

    //獲取驗證碼資訊,進行計時操作
    private void startCountBack() {
        ((Activity) mContext).runOnUiThread(new Runnable() {
            @Override
            public void run() {
                getyanzhengma1.setText(countSeconds + "");
                mCountHandler.sendEmptyMessage(0);
            }
        });
    }



}