การทำระบบ Login ด้วย SharedPreferences

1
<?xml version="1.0" encoding="utf-8"?>
2

3
<RelativeLayout
4
    xmlns:android="http://schemas.android.com/apk/res/android"
5
    android:layout_width="wrap_content"
6
    android:layout_height="match_parent"
7
    android:background="#ff3eaff9"
8
    android:paddingLeft="16dp"
9
    android:paddingRight="16dp">
10

11
    <LinearLayout
12
        android:layout_width="match_parent"
13
        android:layout_height="280dp"
14
        android:orientation="vertical"
15
        android:padding="16dp"
16
        android:gravity="center"
17
        android:layout_centerInParent="true"
18
        android:background="#ffffffff">
19

20
        <TextView
21
            android:layout_width="wrap_content"
22
            android:layout_height="wrap_content"
23
            android:text="@string/login_title"
24
            android:textSize="24sp"
25
            android:textColor="#ff3eaff9"
26
            android:layout_marginBottom="16dp"/>
27

28
        <EditText
29
            android:layout_width="match_parent"
30
            android:layout_height="wrap_content"
31
            android:padding="16dp"
32
            android:id="@+id/username"
33
            android:hint="@string/username_title"/>
34

35
        <EditText
36
            android:layout_width="match_parent"
37
            android:layout_height="wrap_content"
38
            android:padding="16dp"
39
            android:id="@+id/password"
40
            android:inputType="textPassword"
41
            android:hint="@string/password_title"/>
42
        <Button
43
            android:layout_width="match_parent"
44
            android:layout_height="wrap_content"
45
            android:id="@+id/button_login"
46
            android:background="#ff3eaff9"
47
            android:textColor="#ffffff"
48
            android:text="@string/button_login"
49
            android:textSize="18sp"
50
            android:layout_marginTop="16dp"/>
51

52
    </LinearLayout>
53

54
    <TextView
55
        android:layout_width="wrap_content"
56
        android:layout_height="wrap_content"
57
        android:id="@+id/register"
58
        android:text="@string/register"
59
        android:textColor="#ffffff"
60
        android:layout_centerInParent="true"
61
        android:layout_alignParentBottom="true"
62
        android:layout_alignParentLeft="true"
63
        android:layout_marginBottom="16dp"/>
64

65
</RelativeLayout>

1
<?xml version="1.0" encoding="utf-8"?>
2
<resources>
3

4
    <string name="app_name">DevahoyLogin</string>
5
    <string name="login_title">Devahoy</string>
6
    <string name="username_title">Username</string>
7
    <string name="password_title">Password</string>
8
    <string name="button_login">Login</string>
9
    <string name="register">New User? Register here</string>
10
    <string name="login_error_message">Username or Password is incorrect.</string>
11

12
</resources>

1
package com.devahoy.sample.login;
2

3
import android.content.Context;
4
import android.content.Intent;
5
import android.os.Bundle;
6
import android.support.v7.app.ActionBarActivity;
7
import android.view.View;
8
import android.widget.Button;
9
import android.widget.EditText;
10
import android.widget.TextView;
11

12

13
public class LoginActivity extends ActionBarActivity {
14

15
    private Button mLogin;
16
    private EditText mUsername;
17
    private EditText mPassword;
18
    private TextView mRegister;
19
    private Context mContext;
20

21
    @Override
22
    protected void onCreate(Bundle savedInstanceState) {
23
        super.onCreate(savedInstanceState);
24

25
        setContentView(R.layout.activity_login);
26

27
        mContext = this;
28

29
        mLogin = (Button) findViewById(R.id.button_login);
30
        mUsername = (EditText) findViewById(R.id.username);
31
        mPassword = (EditText) findViewById(R.id.password);
32
        mRegister = (TextView) findViewById(R.id.register);
33

34
        mLogin.setOnClickListener(new View.OnClickListener() {
35
            @Override
36
            public void onClick(View v) {
37
                checkLogin();
38
            }
39
        });
40

41
        mRegister.setOnClickListener(new View.OnClickListener() {
42
            @Override
43
            public void onClick(View v) {
44
                Intent intent = new Intent(mContext, RegisterActivity.class);
45
                startActivity(intent);
46
            }
47
        });
48
    }
49

50
    private void checkLogin() {
51

52
    }
53
}

1
package com.devahoy.sample.login;
2

3
import android.content.Context;
4
import android.content.SharedPreferences;
5
import android.text.TextUtils;
6

7
public class UserManager {
8

9
    /**
10
     * KEY_PREFS ไว้สำหรับเป็น key ของ SharedPreferences
11
     */
12
    private final String KEY_PREFS = "prefs_user";
13

14
    /**
15
     * ชื่อ key ที่ไว้เซฟ username ใน SharedPreferences
16
     */
17
    private final String KEY_USERNAME = "username";
18

19
    /**
20
     * ชื่อ key ที่ไว้เซฟ password ใน SharedPreferences.
21
     */
22
    private final String KEY_PASSWORD = "password";
23

24

25
    private SharedPreferences mPrefs;
26
    private SharedPreferences.Editor mEditor;
27

28
    /**
29
     * รับค่า Context เพื่อเอาไว้ใช้สำหรับ getSharedPreferences
30
     * @param context
31
     */
32
    public UserManager(Context context) {
33
        mPrefs = context.getSharedPreferences(KEY_PREFS, Context.MODE_PRIVATE);
34
        mEditor = mPrefs.edit();
35
    }
36

37
    /**
38
     * ทำการเช็ค Username กับ Password ใน SharedPreferences<br />
39
     * โดยเงื่อนไข EditText ของ Username และ password ต้องไม่เป็นค่าว่าง <br />
40
     * และค่าที่ได้ ต้องตรงกับใน SharedPreferences
41
     * @param username - username จาก EditText ที่ใส่
42
     * @param password - password จาก EditText ที่ใส่
43
     * @return หากใส่ข้อมูล ให้ส่งค่ากลับเป็น true, ถ้าใส่ผิดก็ส่ง false
44
     */
45
    public boolean checkLoginValidate(String username, String password) {
46
        String realUsername = mPrefs.getString(KEY_USERNAME, "");
47
        String realPassword = mPrefs.getString(KEY_PASSWORD, "");
48

49
        if ( (!TextUtils.isEmpty(username) && !TextUtils.isEmpty(password)) &&
50
                username.equals(realUsername) &&
51
                password.equals(realPassword)) {
52
            return true;
53
        }
54
        return false;
55
    }
56

57
    /**
58
     * เมธอดสำหรับลงทะเบียนสมาชิกใหม่ โดยส่งค่า username และ password มา<br />
59
     * จากนั้นจะเซฟลง SharedPreferences
60
     * @param username - username จาก EditText ที่ใส่
61
     * @param password - password จาก EditText ที่ใส่
62
     * @return ส่งค่ากลับไปเป็น false หากลงทะเบียนไม่สำเร็จ <br />
63
     * เป็น true หากลงทะเบียนสำเร็จ
64
     */
65
    public boolean registerUser(String username, String password) {
66

67
        if (TextUtils.isEmpty(username) || TextUtils.isEmpty(password)) {
68
            return false;
69
        }
70

71
        mEditor.putString(KEY_USERNAME, username);
72
        mEditor.putString(KEY_PASSWORD, password);
73
        return mEditor.commit();
74
    }
75
}

1
public class LoginActivity extends ActionBarActivity {
2

3
    private UserManager mManager;
4

5
    @Override
6
    protected void onCreate(Bundle savedInstanceState) {
7

8
        mManager  = new UserManager(this);
9

10
    // ...
11
    }
12

13
    private void checkLogin() {
14
        String username = mUsername.getText().toString().trim().toLowerCase();
15
        String password = mPassword.getText().toString().trim();
16

17
        boolean isSuccess = mManager.checkLoginValidate(username, password);
18

19
        if (isSuccess) {
20
            Intent intent = new Intent(mContext, MainActivity.class);
21
            startActivity(intent);
22
        } else {
23
            String message = getString(R.string.login_error_message);
24
            Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();
25
        }
26
    }
27
}
28

29
ด้านบน ที่เมธอด `checkLogin()` เป็นการรับค่าจาก EditText ที่กรอก มาเช็คว่าค่าตรงกับที่เซฟใน SharedPreference หรือไม่ ถ้าตรง ก็ลอคอินสำเร็จ ไปเปิดคลาส `MainActivity.java` (ยังไม่ได้สร้างคลาสนี้) หากพาสเวิร์ดไม่ตรง ก็ขึ้นโชว์ error.
30

31

32
## สร้างหน้า Register
33

34
ต่อมาสร้างหน้า Register สำหรับหน้านี้เอาไว้ลงทะเบียน username และ password กรณีที่ยังไม่ได้บันทึกข้อมูลไว้ใน SharedPreference เริ่มแรก ก็สร้างเลเอาท์เลย ชื่อว่า `activity_register.xml` เซฟไว้ใน `res/layout/`
35

36
```xml

1
<string name="password_confirm_title">Confirm Password</string>
2
<string name="register_error_message">Register failed, Try again!</string>

1
package com.devahoy.sample.login;
2

3
import android.content.Context;
4
import android.os.Bundle;
5
import android.support.v7.app.ActionBarActivity;
6
import android.view.View;
7
import android.widget.Button;
8
import android.widget.EditText;
9
import android.widget.Toast;
10

11
public class RegisterActivity extends ActionBarActivity {
12

13
    private EditText mUsername;
14
    private EditText mPassword;
15
    private EditText mConfirmPassword;
16
    private Button mRegister;
17

18
    private Context mContext;
19
    private UserManager mManager;
20

21
    @Override
22
    protected void onCreate(Bundle savedInstanceState) {
23
        super.onCreate(savedInstanceState);
24
        setContentView(R.layout.activity_register);
25

26
        mManager = new UserManager(this);
27
        mContext = this;
28

29
        mUsername = (EditText) findViewById(R.id.username);
30
        mPassword = (EditText) findViewById(R.id.password);
31
        mConfirmPassword = (EditText) findViewById(R.id.confirm_password);
32
        mRegister = (Button) findViewById(R.id.button_register);
33

34
        mRegister.setOnClickListener(new View.OnClickListener() {
35
            @Override
36
            public void onClick(View v) {
37

38
                String username = mUsername.getText().toString().trim().toLowerCase();
39
                String password = mPassword.getText().toString();
40
                String confirmPassword = mConfirmPassword.getText().toString();
41

42
                if (password.equals(confirmPassword)) {
43
                    boolean isSuccess = mManager.registerUser(username, password);
44

45
                    if (isSuccess) {
46
                        String message = getString(R.string.register_success);
47
                        Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();
48
                        finish();
49
                    } else {
50
                        String message = getString(R.string.register_error_message);
51
                        Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();
52
                    }
53

54
                } else {
55
                    String message = getString(R.string.register_password_error);
56
                    Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();
57
                }
58

59
            }
60
        });
61
    }
62

63
}

1
<?xml version="1.0" encoding="utf-8"?>
2
<resources>
3

4
    <string name="app_name">DevahoyLogin</string>
5
    <string name="login_title">Devahoy</string>
6
    <string name="username_title">Username</string>
7
    <string name="password_title">Password</string>
8
    <string name="password_confirm_title">Confirm Password</string>
9
    <string name="button_login">Login</string>
10
    <string name="button_register">Register</string>
11
    <string name="register">New User? Register here</string>
12

13
    <string name="login_error_message">Username or Password is incorrect.</string>
14
    <string name="register_error_message">Register failed, Try again!</string>
15
    <string name="register_password_error">Password does not match</string>
16
    <string name="register_success">Register Successful</string>
17

18
    <string name="welcome_message">Welcome to Devahoy</string>
19

20
</resources>

1
<?xml version="1.0" encoding="utf-8"?>
2

3
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
4
              android:orientation="vertical"
5
              android:layout_width="match_parent"
6
              android:layout_height="match_parent"
7
              android:gravity="center">
8

9
    <ImageView
10
        android:layout_width="150dp"
11
        android:layout_height="150dp"
12
        android:src="@drawable/ic_launcher"
13
        android:id="@+id/logo"
14
        android:layout_gravity="center"/>
15
    <TextView
16
        android:layout_width="wrap_content"
17
        android:layout_height="wrap_content"
18
        android:text="@string/welcome_message"
19
        android:id="@+id/welcome"
20
        android:textSize="32sp"
21
        android:layout_gravity="center"/>
22
</LinearLayout>

1
package com.devahoy.sample.login;
2

3
import android.os.Bundle;
4
import android.support.v7.app.ActionBarActivity;
5

6
public class MainActivity extends ActionBarActivity {
7

8
    @Override
9
    protected void onCreate(Bundle savedInstanceState) {
10
        super.onCreate(savedInstanceState);
11
        setContentView(R.layout.activity_main);
12
    }
13
}

1
<?xml version="1.0" encoding="utf-8"?>
2
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
3
    package="com.devahoy.sample.login" >
4

5
    <application
6
        android:allowBackup="true"
7
        android:icon="@drawable/ic_launcher"
8
        android:label="@string/app_name"
9
        android:theme="@style/AppTheme" >
10
        <activity
11
            android:name=".LoginActivity"
12
            android:label="@string/app_name">
13
            <intent-filter>
14
                <action android:name="android.intent.action.MAIN" />
15

16
                <category android:name="android.intent.category.LAUNCHER" />
17
            </intent-filter>
18
        </activity>
19

20
        <activity android:name=".RegisterActivity"
21
                  android:label="@string/app_name"/>
22

23
        <activity android:name=".MainActivity"
24
                  android:label="@string/app_name" />
25
    </application>
26

27
</manifest>