利用okhttp框架實(shí)現(xiàn)包含驗(yàn)證碼的用戶登錄，保持session操作（上）

作者：佚名 2017-01-19 21:38:52

最近要做一個(gè)院務(wù)系統(tǒng)的項(xiàng)目，會(huì)把我的學(xué)習(xí)新知識(shí)的過(guò)程記錄下來(lái)，本篇文章是實(shí)現(xiàn)登錄的操作，本來(lái)以為登錄的過(guò)程是一件比較簡(jiǎn)單的事情，但是深入了解過(guò)后還是有一定難度。

一、這篇文章要解決什么問(wèn)題，能學(xué)習(xí)到什么?

1. 在登錄過(guò)程中要獲取驗(yàn)證碼照片，利用http的get操作后，要穿參數(shù)過(guò)去服務(wù)器，就要用post。

2. 上述的get和post操作用很多現(xiàn)在網(wǎng)絡(luò)的框架都能實(shí)現(xiàn)，比如volley，但是在獲取驗(yàn)證碼照片后是要進(jìn)行一個(gè)session的保持的，所以在查閱資料后利用okhttp框架來(lái)構(gòu)建這個(gè)項(xiàng)目比較方便快捷。

先來(lái)了解一下怎么使用okhttp：http://blog.csdn.net/itachi85/article/details/51190687

還有快速入門(mén)利用okhttp加載照片：

http://blog.csdn.net/bo543937071/article/details/53380651

二、問(wèn)：什么是session和cookie?

簡(jiǎn)單來(lái)說(shuō)，cookie就是客戶端的會(huì)話id，而session就是服務(wù)器端的會(huì)話id，根據(jù)這個(gè)id號(hào)可以查詢到你的會(huì)話內(nèi)容。

(想要了解更多cookie和session的知識(shí)可以點(diǎn)擊這里)

http://blog.csdn.net/androidxiaogang/article/details/51925388

在本項(xiàng)目中用到的是驗(yàn)證碼照片的獲取，因?yàn)槊看嗡⑿买?yàn)證碼的url都會(huì)有不同的驗(yàn)證碼照片出現(xiàn)，所以需要保存驗(yàn)證碼的session，不然別人怎么知道你和哪個(gè)驗(yàn)證碼進(jìn)行了“會(huì)話”。先上照片：

如圖分為四個(gè)步驟，結(jié)合文字更容易理解：

1. 客戶端發(fā)個(gè)請(qǐng)求驗(yàn)證碼照片的請(qǐng)求，帶回來(lái)了照片和一個(gè)jsessionid的字段存在用戶的cookie中。

2. 我們從cookie頭中取出這個(gè)session，然后打包參數(shù)發(fā)過(guò)去的時(shí)候順便帶上這個(gè)session，讓服務(wù)器這個(gè)家伙知道是誰(shuí)發(fā)的。

四個(gè)步驟兩點(diǎn)總結(jié)，在加上代碼就更好理解了。

三、分析部分重要代碼 ***再貼上全部代碼

看一下后臺(tái)那邊給我們的數(shù)據(jù)有什么，有url_randCodeImage用來(lái)發(fā)送get請(qǐng)求獲取照片，還有url_login用來(lái)post數(shù)據(jù)過(guò)去，這些就是我們要打包發(fā)送過(guò)去的數(shù)據(jù)：

還有我們的xml界面

首先是我們的驗(yàn)證碼照片的獲取與異步加載圖片

//發(fā)送請(qǐng)求獲取驗(yàn)證碼照片 
private void ChangeImage() { 
        Request request = new Request.Builder() 
                .url(App.url_randCodeImage) 
                .build(); 
        Call call = okHttpClient.newCall(request); 
        call.enqueue(new Callback() { 
            @Override 
            public void onFailure(Call call, IOException e) { 
                Log.i("info_callFailure",e.toString()); 
            } 
  
            @Override 
            public void onResponse(Call call, Response response) throws IOException { 
                byte[] byte_image =  response.body().bytes(); 
  
  
                //通過(guò)handler更新UI 
                Message message = handler.obtainMessage(); 
                message.obj = byte_image; 
                message.what = SUCCESS; 
                Log.i("info_handler","handler"); 
                handler.sendMessage(message); 
  
                //獲取session的操作，session放在cookie頭，且取出后含有“；”，取出后為下面的 s （也就是jsesseionid） 
                Headers headers = response.headers(); 
                Log.d("info_headers", "header " + headers); 
                List<String> cookies = headers.values("Set-Cookie"); 
                String session = cookies.get(0); 
                Log.d("info_cookies", "onResponse-size: " + cookies); 
  
                s = session.substring(0, session.indexOf(";")); 
                Log.i("info_s", "session is  :" + s); 
  
            } 
        }); 
    } 
  
//異步加載圖片 
public Handler handler = new Handler(){ 
        @Override 
        public void handleMessage(Message msg) { 
            switch (msg.what){ 
                //加載網(wǎng)絡(luò)成功進(jìn)行UI的更新,處理得到的圖片資源 
                case SUCCESS: 
                    //通過(guò)message，拿到字節(jié)數(shù)組 
                    byte[] Picture = (byte[]) msg.obj; 
                    //使用BitmapFactory工廠，把字節(jié)數(shù)組轉(zhuǎn)化為bitmap 
                    Bitmap bitmap = BitmapFactory.decodeByteArray(Picture, 0, Picture.length); 
                    //通過(guò)imageview，設(shè)置圖片 
                    img_identy.setImageBitmap(bitmap); 
  
                    break; 
                //當(dāng)加載網(wǎng)絡(luò)失敗執(zhí)行的邏輯代碼 
                case FALL: 
                    Toast.makeText(MainActivity.this, "網(wǎng)絡(luò)出現(xiàn)了問(wèn)題", Toast.LENGTH_SHORT).show(); 
                    break; 
            } 
        } 
    };

獲取了照片和session之后，我們就打包發(fā)送數(shù)據(jù)過(guò)去：

private void LoginServer() { 
        Log.i("info_Login","知道了session："+s); 
        OkHttpClient client = new OkHttpClient(); 
        FormBody body = new FormBody.Builder() 
                .add("userName",et_username.getText().toString()) 
                .add("password",et_code.getText().toString()) 
                .add("randCode",et_identy.getText().toString()) 
                .add("langCode","zh-cn") 
                .build(); 
        Request request = new Request.Builder() 
                .addHeader("cookie",s) 
                .url(App.url_login) 
                .post(body) 
                .build(); 
        Call call2 = okHttpClient.newCall(request); 
        call2.enqueue(new Callback() { 
            @Override 
            public void onFailure(Call call, IOException e) { 
                Log.i("info_call2fail",e.toString()); 
            } 
  
            @Override 
            public void onResponse(Call call, Response response) throws IOException { 
                if(response.isSuccessful()){ 
                    Log.i("info_call2success",response.body().string()); 
                } 
                Headers headers = response.headers(); 
                Log.i("info_respons.headers",headers+""); 
  
            } 
        }); 
    }