今天，没有啥名言警句……

这个场景很常见，我们每天都在登录各种各样的账号，比如说QQ，微信，这时候你可能就说了，我们手机QQ，微信都是登录一次就不用再登录了，这其实是数据持久化的问题，我们的账号密码数据都是存放在本地，你打开APP的时候，APP去读取，然后执行登录操作，只是你看不见这个过程罢了。

一年之前，我学了Android，很神奇，也做了不少小玩意，后来我接触了Php，我知道Php是可以用来写后端的，我也想挑战一下Android和Php的后端，不如就做一个简单的登录注册功能吧，我就一直等啊，等啊，等到学到了MySql的时候，我想我可以试试了，所以昨晚我就查阅资料，参考书籍和网络实现了一个。 虽然很简陋，但是已经能实现基本操作，所以今天写了这篇文章，作为一个开发笔记。

开发前

注册实现：
Android采用POST方式将账号密码数据发送到后端，后端将数据添加到数据库，以json形式返回操作码（1为注册成功，0为失败）

登录实现：
Android采用POST方式将账号密码数据发送到后端，后端从数据库查询有没有本条数据，以json形式返回操作码（1为登录成功，0为失败）

这是我们的大体思路，下面就打开我们的PhpStorm开发我们的后端。

开发中

Php后端：

我们建立新工程，然后建立两个文件Register.php，和Login.php
分别是注册和登录。
这是我们的注册功能实现

文件：Register.php

<?php
/**
 * Created by PhpStorm.
 * User: surine
 * Date: 2017/7/28
 * Time: 21:45
 */

//我写了一个文件用来储存日志
$file = "log.txt";
//连接本地数据库（注意这里的第三个参数，填入你的服务器mysql密码，我这里就不写我的了，哈哈，毕竟密码）
//surine数据库是我上篇文章的数据库，你根据你自己的数据库名称填写
$link = mysqli_connect('localhost', 'root', '', 'surine');

//分为两种状态，链接数据库失败，封装json发送给Android端
if(!$link){
    $response = array();
    //用3来代表数据库链接失败
    $response["success"] = 3;
   //输出给前端
    echo json_encode($response);
}else {
    //接受post的用户名和密码
    $username = $_POST['username'];
    $password = $_POST['password'];
  //向日志文件写日志
    file_put_contents($file, "用户请求注册：".$username."密码：".$password."\n",FILE_APPEND);
//向users表添加数据（users表是你建立的数据库下的表）
    $sql = "insert into users (user,pswd) values('{$_POST['username']}','{$_POST['password']}')";
//建立链接
    $result = mysqli_query($link, $sql);
    if ($sql) {
        //添加注册成功的标志
        $response["success"] = 1;
    } else {
        $response["success"] = 0;
    }
    echo json_encode($response);
//以json的形式返回给客户端
    mysqli_close($link);
//关闭数据库
}

登录功能实现

文件：Login.php

<?php
/**
 * Created by PhpStorm.
 * User: surine
 * Date: 2017/7/28
 * Time: 18:34
 */
$file = "log.txt";
//链接本地数据库
$link = mysqli_connect('localhost', 'root', '', 'surine');
if(!$link){
  $response = array();
    $response["success"] = 3;
  echo json_encode($response);
}else {
//接受用户名和密码
    $username = $_POST['username'];
    $password = $_POST['password'];
    file_put_contents($file, "用户请求登录：".$username."密码：".$password."\n",FILE_APPEND);
//从users表查询数据,where子句查询，和上一篇文章的方式一样
    $sql = "select * from users where user='$username' and pswd='$password'";
//建立链接
    $result = mysqli_query($link, $sql);
//获取返回集
    $num = mysqli_num_rows($result);
    file_put_contents($file, "查询值：".$num."\n",FILE_APPEND);
//创建空数组
    $response = array();
//如果返回集大于0，证明数据库里有这个数据
    if ($num > 0) {
        //添加登陆成功的标志
        $response["success"] = 1;
    } else {
        $response["success"] = 0;
    }
    echo json_encode($response);
//以json的形式返回给客户端
    mysqli_close($link);
//关闭数据库
}

很简单，因为上一篇我们已经见到过这些代码，我们接下来用scp方式把文件发送到服务器，scp不会用？Linux用户在终端使用scp命令，Windows用户可以直接用Winscp，Mac用户也有终端scp。
如果这个不会的话，可以去百度一下。
我把他们发送到我服务器的/var/www/html/php/androidlogin目录下。

因此访问url也就是

http://surine.cn/php/androidlogin/Login.php

这样我们后端也就写完啦，并且已经提供了两个接口给前端

 //登录接口
//Post参数：账号（String），密码（String）
//返回值：json数据    json[success]

http://surine.cn/php/androidlogin/Login.php  

//注册接口
//Post参数：账号（String），密码（String）
//返回值：json数据    json[success]

http://surine.cn/php/androidlogin/Register.php     

Android移动端：

移动端我们使用Android Studio开发，打开我们的Android Studio新建工程

然后我们要考虑几件事情：
1.网络权限
2.Okhttp依赖（我们打算用OKhttp请求网络）
3.界面
4.事件

下面我们一件一件的解决。
首先在AndroidMenifests.xml里添加权限

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

然后我们在build.gradle里添加依赖。

 compile 'com.squareup.okhttp3:okhttp:3.8.1'

然后设计一个简单的界面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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.surine.musicline.MainActivity">


    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="44dp"
        android:text="Php与Android交互"/>

    <EditText
        android:id="@+id/editText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView"
        android:layout_marginTop="82dp"
        android:ems="10"
        android:hint="账号"
        android:inputType="textPersonName"
        android:layout_alignParentStart="true"
        android:layout_alignParentEnd="true"/>

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/editText"
        android:layout_below="@+id/editText"
        android:layout_marginTop="25dp"
        android:ems="10"
        android:hint="密码"
        android:inputType="textPassword"
        android:layout_alignParentStart="true"/>

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="35dp"
        android:text="登录"
        android:layout_below="@+id/editText2"
        android:layout_toStartOf="@+id/textView"/>

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button"
        android:layout_alignBottom="@+id/button"
        android:layout_toEndOf="@+id/textView"
        android:text="注册"/>
</RelativeLayout>

最后我们看看我们的java文件

package com.surine.musicline;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

import org.json.JSONException;
import org.json.JSONObject;

import java.io.IOException;

import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.FormBody;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.RequestBody;
import okhttp3.Response;

public class MainActivity extends AppCompatActivity {
    EditText mEditText;
    EditText mEditText2;
    Button mButton;
    Button mButton2;
    int retCode;
    String s;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mEditText = (EditText) findViewById(R.id.editText);
        mEditText2 = (EditText) findViewById(R.id.editText2);
        mButton = (Button) findViewById(R.id.button);
        mButton2 = (Button) findViewById(R.id.button2);

        
        //监听事件
        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //这是后端提供的登录接口
                start("http://surine.cn/php/androidlogin/Login.php");
            }
        });
        mButton2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //这是后端提供的注册接口
                start("http://surine.cn/php/androidlogin/Register.php");
            }
        });
    }

    private void start(String s) {
        //初始化okhttp客户端
        OkHttpClient client = new OkHttpClient.Builder().build();
        //创建post表单，获取username和password（没有做非空判断）
        RequestBody post = new FormBody.Builder()
                .add("username", mEditText.getText().toString())
                .add("password", mEditText2.getText().toString())
                .build();
        //开始请求，填入url，和表单
        final Request request = new Request.Builder()
                .url(s)
                .post(post)
                .build();
        
        //客户端回调
        client.newCall(request).enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
               //失败的情况（一般是网络链接问题，服务器错误等）
            }

            @Override
            public void onResponse(Call call, final Response response) throws IOException {
                //UI线程运行
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        
                        try {
                            //临时变量（这是okhttp的一个锅，一次请求的response.body().string()只能用一次，否则就会报错）
                            MainActivity.this.s = response.body().string();
                            
                            //解析出后端返回的数据来
                            JSONObject jsonObject = new JSONObject(String.valueOf(MainActivity.this.s));
                            retCode = jsonObject.getInt("success");
                        } catch (JSONException e) {
                            e.printStackTrace();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                        
                        //客户端自己判断是否成功。
                        if (retCode == 1) {
                            Toast.makeText(MainActivity.this,"成功!",Toast.LENGTH_SHORT).show();
                        } else {
                            Toast.makeText(MainActivity.this,"错误!",Toast.LENGTH_SHORT).show();
                        }
                    }
                });
            }
        });
    }
}

相比起来还是Java又长又长……又长，注释里面也写了，我们建立表单，post到url，然后解析出url返回的json数据，根据这个数据更新ui，接下来我们演示一下吧，run到手机上。

我们在手机上注册一个用户，用户名叫android，密码是123，点击注册按钮，然后tosat提示成功，点击登录toast提示成功，修改一下错误密码，点击登录显示失败，查看后台数据库已经有android这个用户，说明我们成功了。

【这里有截图，不过简书上传图片的功能坏掉了，一会研究研究再上传】

注册

登录

登录失败

数据库

开发后

开发后总结，一个简单的前后端交互就被实现了，虽然我还是小白，很多东西说的不够专业，甚至代码也不准确，但是既然实现了，还是有小白式开心的，

好了这篇文章就先到这吧！