利用okhttp框架實現包含驗證碼的用戶登錄,保持session操作(上)
一、 這篇文章要解決什么問題,能學習到什么?
最近要做一個院務系統的項目,會把我的學習新知識的過程記錄下來,本篇文章是實現登錄的操作,本來以為登錄的過程是一件比較簡單的事情,但是深入了解過后還是有一定難度:
1. 在登錄過程中要獲取驗證碼照片,利用http的get操作后,要穿參數過去服務器,就要用post。
2. 上述的get和post操作用很多現在網絡的框架都能實現,比如volley,但是在獲取驗證碼照片后是要進行一個session的保持的,所以在查閱資料后利用okhttp框架來構建這個項目比較方便快捷。
先來了解一下怎么使用okhttp:http://blog.csdn.net/itachi85/article/details/51190687
還有快速入門利用okhttp加載照片:
http://blog.csdn.net/bo543937071/article/details/53380651
二、問:什么是session和cookie?
簡單來說,cookie就是客戶端的會話id,而session就是服務器端的會話id,根據這個id號可以查詢到你的會話內容。
(想要了解更多cookie和session的知識可以點擊這里)
http://blog.csdn.net/androidxiaogang/article/details/51925388
在本項目中用到的是驗證碼照片的獲取,因為每次刷新驗證碼的url都會有不同的驗證碼照片出現,所以需要保存驗證碼的session,不然別人怎么知道你和哪個驗證碼進行了“會話”。先上照片:
如圖分為四個步驟,結合文字更容易理解:
1. 客戶端發個請求驗證碼照片的請求,帶回來了照片和一個jsessionid的字段存在用戶的cookie中。
2. 我們從cookie頭中取出這個session,然后打包參數發過去的時候順便帶上這個session,讓服務器這個家伙知道是誰發的。
四個步驟兩點總結,在加上代碼就更好理解了。
三、分析部分重要代碼 ***再貼上全部代碼
看一下后臺那邊給我們的數據有什么,有url_randCodeImage用來發送get請求獲取照片,還有url_login用來post數據過去,這些就是我們要打包發送過去的數據:
還有我們的xml界面
首先是我們的驗證碼照片的獲取與異步加載圖片
- //發送請求獲取驗證碼照片
- 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();
- //通過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){
- //加載網絡成功進行UI的更新,處理得到的圖片資源
- case SUCCESS:
- //通過message,拿到字節數組
- byte[] Picture = (byte[]) msg.obj;
- //使用BitmapFactory工廠,把字節數組轉化為bitmap
- Bitmap bitmap = BitmapFactory.decodeByteArray(Picture, 0, Picture.length);
- //通過imageview,設置圖片
- img_identy.setImageBitmap(bitmap);
- break;
- //當加載網絡失敗執行的邏輯代碼
- case FALL:
- Toast.makeText(MainActivity.this, "網絡出現了問題", Toast.LENGTH_SHORT).show();
- break;
- }
- }
- };
獲取了照片和session之后,我們就打包發送數據過去:
- 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+"");
- }
- });
- }
***來看看我們成功登錄后log出來的信息
***貼上我們的全部代碼,希望對過程不太理解的小伙伴有所幫助:
接下文