안드로이드 - 프로젝트3. 데이터베이스 및 서버 구축

예제 출처 : https://www.inflearn.com/course

예제 소스 : https://github.com/GaKaRi/gakari_android/tree/master/Proj_Manager_v3

프로젝트1. 애플리케이션 화면 디자인

프로젝트2. 액티비티 화면 전환

이번에는 안드로이드 앱에서 데이터를 입력하면 그것을 데이터베이스에 저장하는 예제입니다.

CREATE DATABASE `proj_manager` CHARACTER SET utf8 COLLATE utf8_general_ci;

CREATE TABLE `USER`(

userID VARCHAR(20) NOT NULL,

userPassword VARCHAR(20) NOT NULL,

userName VARCHAR(20) NOT NULL,

userAge INT NOT NULL,

PRIMARY KEY(userID))

DEFAULT CHARSET=utf8;

Login.php

<?php

   $con = mysqli_connect('localhost', 'root', 'qwer1234', 'proj_manager');

   if (!$con)

  {

     echo "MySQL 접속 에러 : ";

     echo mysqli_connect_error();

     exit();

  }

   //post방식으로 데이터를 받는다.

    $userID = $_POST["userID"];

    $userPassword = $_POST["userPassword"];

    $userName = $_POST["userName"];

    $userAge = $_POST["userAge"];

    //데이터베이스에 값을 넣는부분

    $statement = mysqli_prepare($con, "INSERT INTO USER VALUES(?, ?, ?, ?)");

    mysqli_stmt_bind_param($statement, "sssi", $userID, $userPassword, $userName, $userAge);

    mysqli_stmt_execute($statement);

    //배열 선언후

    $response = array();

    $response["success"] = true;//success라는 인덱스에 true값을 넣어줌

    echo json_encode($response);//JSON형식으로 출력

  ?>

Register.php

<?php

   $con = mysqli_connect('localhost', 'root', 'qwer1234', 'proj_manager');

   if (!$con)

  {

     echo "MySQL 접속 에러 : ";

     echo mysqli_connect_error();

     exit();

  }

   //post방식으로 데이터를 받는다.

    $userID = $_POST["userID"];

    $userPassword = $_POST["userPassword"];

    $userName = $_POST["userName"];

    $userAge = $_POST["userAge"];

    //데이터베이스에 값을 넣는부분

    $statement = mysqli_prepare($con, "INSERT INTO USER VALUES(?, ?, ?, ?)");

    mysqli_stmt_bind_param($statement, "sssi", $userID, $userPassword, $userName, $userAge);

    mysqli_stmt_execute($statement);

    //배열 선언후

    $response = array();

    $response["success"] = true;//success라는 인덱스에 true값을 넣어줌

    echo json_encode($response);//JSON형식으로 출력

  ?>

안드로이드 소스.

프로젝트2. 액티비티 화면 전환에서 언급은 안해서 여기에 설명합니다.

 현재 앱을 실행 했을때 메인 화면은 LoginActivity 클래스입니다.

아래 AndroidManifest.xml에 보시면 LoginActivity 클래스에 MAIN인텐트 필터가 적용됨을 알 수 있습니다.

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

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.example.kch.proj_manager_v3">

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>

    <application

        android:allowBackup="true"

        android:icon="@mipmap/ic_launcher"

        android:label="@string/app_name"

        android:roundIcon="@mipmap/ic_launcher_round"

        android:supportsRtl="true"

        android:theme="@style/AppTheme">

        <activity android:name="com.example.kch.proj_manager_v3.LoginActivity">

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

        <activity android:name="com.example.kch.proj_manager_v3.RegisterActivity" />

        <activity android:name="com.example.kch.proj_manager_v3.MainActivity"></activity>

    </application>

</manifest>

LoginActivity.java

package com.example.kch.proj_manager_v3;

import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

public class LoginActivity extends AppCompatActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_login);

        EditText idText = (EditText)findViewById(R.id.idText);

        EditText passwordText = (EditText)findViewById(R.id.passwordText);

        Button loginbtn = (Button)findViewById(R.id.loginbtn);

        TextView registerbtn = (TextView)findViewById(R.id.registerbtn);

        registerbtn.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                Intent registerIntent = new Intent(LoginActivity.this, RegisterActivity.class);

                LoginActivity.this.startActivity(registerIntent);

            }

        });

    }

}

다음 소스를 보기전에 반드시  Volley 라이브러리를 알아야하는데 Volley 라이브러리는 네트워크 라이브러리입니다.

Volley로 네트워크 요청, 수신 하는 방법은 크게 4가지 방법으로 나뉩니다.

1.RequestQueue 생성

2. Request Object 생성

3. 생성된 Object를 RequestQueue로 전달

4. 이후 할당된 Response로 Callback

출처: http://eteris.tistory.com/792 [Eteris's Palace]

저는 조금 순서를 바꿔서 했습니다. 소스단에 주석를 달아놨으니 참고바랍니다.

1. RequestObject 를 생성(RegisterRequest클래스 선언)
2. RequestQueue 생성
3. RequestObject를  RequestQueue로 전달
4. 할당된 Response로 Callback 처리

RegisterActivity.java

package com.example.kch.proj_manager_v3;

import android.content.Intent;

import android.support.v7.app.AlertDialog;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.Toast;

import com.android.volley.RequestQueue;

import com.android.volley.Response;

import com.android.volley.toolbox.Volley;

import org.json.JSONException;

import org.json.JSONObject;

public class RegisterActivity extends AppCompatActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_register);

        final EditText idText = (EditText)findViewById(R.id.idText);

        final EditText passwordText = (EditText)findViewById(R.id.passwordText);

        final EditText nameText = (EditText)findViewById(R.id.nameText);

        final EditText ageText = (EditText)findViewById(R.id.ageText);

        Button regbtn = (Button)findViewById(R.id.registerbtn);

        regbtn.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                String userID = idText.getText().toString();

                String userPassword = passwordText.getText().toString();

                String userName = nameText.getText().toString();

                int userAge = Integer.parseInt(ageText.getText().toString());

                //4. 콜백 처리부분(volley 사용을 위한 ResponseListener 구현 부분)

                Response.Listener<String> responseListener = new Response.Listener<String>(){

                    //서버로부터 여기서 데이터를 받음

                    @Override

                    public void onResponse(String response) {

                        try {

                            //서버로부터 받는 데이터는 JSON타입의 객체이다.

                            JSONObject jsonResponse = new JSONObject(response);

                            //그중 Key값이 "success"인 것을 가져온다.

                            boolean success = jsonResponse.getBoolean("success");

                            //회원 가입 성공시 success값이 true임

                            if(success){

                                Toast.makeText(getApplicationContext(), "success", Toast.LENGTH_SHORT).show();

                                //알림상자를 만들어서 보여줌

                                AlertDialog.Builder builder = new AlertDialog.Builder(RegisterActivity.this);

                                builder.setMessage("register success!!")

                                .setPositiveButton("ok", null)

                                .create()

                                .show();

                                //그리고 첫화면으로 돌아감

                                Intent intent = new Intent(RegisterActivity.this, LoginActivity.class);

                                RegisterActivity.this.startActivity(intent);

                            }

                            //회원 가입 실패시 success값이 false임

                            else{

                                Toast.makeText(getApplicationContext(), "fail", Toast.LENGTH_SHORT).show();

                                //알림상자를 만들어서 보여줌

                                AlertDialog.Builder builder = new AlertDialog.Builder(RegisterActivity.this);

                                builder.setMessage("register fail!!")

                                        .setNegativeButton("ok", null)

                                        .create()

                                        .show();

                            }

                        }catch(JSONException e){

                            e.printStackTrace();

                        }

                    }

                };//responseListener 끝

                //volley 사용법

                //1. RequestObject를 생성한다. 이때 서버로부터 데이터를 받을 responseListener를 반드시 넘겨준다.

                RegisterRequest registerRequest = new RegisterRequest(userID, userPassword, userName, userAge, responseListener);

                //2. RequestQueue를 생성한다.

                RequestQueue queue = Volley.newRequestQueue(RegisterActivity.this);

                //3. RequestQueue에 RequestObject를 넘겨준다.

                queue.add(registerRequest);

            }

        });

    }

}

RegisterRequest.java

package com.example.kch.proj_manager_v3;

import com.android.volley.AuthFailureError;

import com.android.volley.Response;

import com.android.volley.toolbox.StringRequest;

import java.util.HashMap;

import java.util.Map;

public class RegisterRequest extends StringRequest {

    //현재 안드로이드앱을 에뮬레이터로 돌리므로 에뮬레이터가 설치된 서버에 있는 아파치 서버에 접근하려면

    //다음과 같이 10.0.2.2:포트번호 로 접근해야합니다 저는 8080 포트를 써서 다음과 같이 했습니다

    final static private String URL = "http://10.0.2.2:8080/Register.php";

    private Map<String, String> parameters;

    //생성자

    public RegisterRequest(String userID, String userPassword, String userName, int userAge, Response.Listener<String> listener){

        super(Method.POST, URL, listener, null);

        parameters = new HashMap<>();

        parameters.put("userID", userID);

        parameters.put("userPassword", userPassword);

        parameters.put("userName", userName);

        parameters.put("userAge", userAge+"");

    }

    //추후 사용을 위한 부분

    @Override

    protected Map<String, String> getParams() throws AuthFailureError {

        return parameters;

    }

}

activity_login.xml

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

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context="com.example.kch.proj_manager_v3.com.example.kch.proj_manager_v3.LoginActivity">

    <EditText

        android:id="@+id/idText"

        android:layout_width="308dp"

        android:layout_height="45dp"

        android:layout_marginLeft="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginTop="8dp"

        android:ems="10"

        android:hint="ID"

        android:inputType="textPersonName"

        app:layout_constraintLeft_toLeftOf="parent"

        app:layout_constraintRight_toRightOf="parent"

        app:layout_constraintTop_toTopOf="parent"

        tools:layout_editor_absoluteX="-8dp" />

    <EditText

        android:id="@+id/passwordText"

        android:layout_width="310dp"

        android:layout_height="54dp"

        android:layout_marginLeft="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginTop="8dp"

        android:ems="10"

        android:hint="password"

        android:inputType="textPassword"

        app:layout_constraintHorizontal_bias="0.503"

        app:layout_constraintLeft_toLeftOf="parent"

        app:layout_constraintRight_toRightOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/idText"

        tools:layout_editor_absoluteX="-10dp" />

    <Button

        android:id="@+id/loginbtn"

        android:layout_width="218dp"

        android:layout_height="65dp"

        android:layout_marginLeft="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginTop="8dp"

        android:text="login"

        app:layout_constraintLeft_toLeftOf="parent"

        app:layout_constraintRight_toRightOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/passwordText"

        tools:layout_editor_absoluteX="18dp" />

    <TextView

        android:id="@+id/registerbtn"

        android:layout_width="wrap_content"

        android:layout_height="17dp"

        android:layout_marginTop="8dp"

        android:text="register"

        android:textAppearance="@style/TextAppearance.AppCompat.Button"

        app:layout_constraintTop_toBottomOf="@+id/loginbtn"

        android:layout_marginLeft="8dp"

        app:layout_constraintLeft_toLeftOf="parent"

        android:layout_marginRight="8dp"

        app:layout_constraintRight_toRightOf="parent" />

</android.support.constraint.ConstraintLayout>

activity_register.xml

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

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    tools:context="com.example.kch.proj_manager_v3.com.example.kch.proj_manager_v3.RegisterActivity">

    <EditText

        android:id="@+id/idText"

        android:layout_width="342dp"

        android:layout_height="41dp"

        android:layout_marginLeft="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginTop="8dp"

        android:ems="10"

        android:hint="id"

        android:inputType="textPersonName"

        app:layout_constraintLeft_toLeftOf="parent"

        app:layout_constraintRight_toRightOf="parent"

        app:layout_constraintTop_toTopOf="parent" />

    <EditText

        android:id="@+id/passwordText"

        android:layout_width="346dp"

        android:layout_height="44dp"

        android:ems="10"

        android:inputType="textPassword"

        android:layout_marginLeft="8dp"

        app:layout_constraintLeft_toLeftOf="parent"

        android:layout_marginRight="8dp"

        app:layout_constraintRight_toRightOf="parent"

        android:layout_marginTop="10dp"

        app:layout_constraintTop_toBottomOf="@+id/idText" />

    <EditText

        android:id="@+id/nameText"

        android:layout_width="346dp"

        android:layout_height="41dp"

        android:layout_marginLeft="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginTop="12dp"

        android:ems="10"

        android:hint="name"

        android:inputType="textPersonName"

        app:layout_constraintLeft_toLeftOf="parent"

        app:layout_constraintRight_toRightOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/passwordText" />

    <EditText

        android:id="@+id/ageText"

        android:layout_width="340dp"

        android:layout_height="44dp"

        android:layout_marginLeft="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginTop="10dp"

        android:ems="10"

        android:hint="age"

        android:inputType="textPersonName"

        app:layout_constraintLeft_toLeftOf="parent"

        app:layout_constraintRight_toRightOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/nameText" />

    <Button

        android:id="@+id/registerbtn"

        android:layout_width="248dp"

        android:layout_height="47dp"

        android:layout_marginLeft="8dp"

        android:layout_marginRight="8dp"

        android:layout_marginTop="8dp"

        android:text="register"

        app:layout_constraintLeft_toLeftOf="parent"

        app:layout_constraintRight_toRightOf="parent"

        app:layout_constraintTop_toBottomOf="@+id/ageText" />

</android.support.constraint.ConstraintLayout>

실행 화면

1. 먼저 첫 화면에서 REGISTER를 클릭합니다.

2. 새로 등록할 ID, PW, Name, Age 값을 넣고 REGISTER 버튼을 눌러줍니다.

3. 그 후 데이터베이스에 접속하여 확인해보면 다음과 같이 데이터가 제대로 들어갔음을 알 수 있습니다.