2017年6月19日 星期一

Android : 第三方應用FireBase信箱登入+DataBase

之前有寫過一篇用sharepreference做的帳號密碼登入程式，其實本來就不應該用sharepreference做登入例子的，所以這次就來寫一個用FireBase第三方平台做的帳號密碼登入程式+資料庫的使用範例。
FireBase被Google收購後，推出了網路管理介面和新的SDK類別庫，並推出許多新功能，FireBase提供了API讓開發人員儲存或同步不同平台的資料，開發人員不需要自己建構資料庫與設計伺服器端的程式，也就是說不用寫一堆PHP了，真的相當方便!


前置步驟：


步驟一：更新SDK工具，必須將Google play services更新到版本30以上和Google Repository更新到版本26以上。

步驟二：建好FireBase，詳細如何建立firebase就不在這裡說明，如下圖


    在FireBase建立好App要用的專案


     這是到Authentication開啟用Email登入的設定畫面，可以認證的方式有Email、FaceBook、Twitter等

     這是FireBase資料庫的畫面



步驟三：在Android studio裡的專案導入好FireBase


     導入完成後可以看到已經幫你加入到了Gradle裡了


             還有在Project目錄底下的app裡的google-services.json檔，也都幫你自動加入了


     導入好FireBase到Android Studio裡後回去FireBase網業管理介面裡可以看到已經幫你跟專案      連結好了，以上都確定已經設定好後就可以開始寫程式碼了。  



情境描述：


1. MainActivty：帳號密碼登入頁面，如果已經登入過了，下次就會自動登入，除非登出了。

2. Register：註冊的頁面


3 .ShowData：用Listview顯示資料庫資料，和登出功能

程式碼：



MainActivity.xml ：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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.user.firebasetest.MainActivity"
    android:orientation="vertical"
    android:gravity="center">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="帳號："/>
        <EditText
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:hint="請輸入帳號"
            android:id="@+id/edtemail"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密碼："/>
        <EditText
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:hint="請輸入密碼"
            android:id="@+id/edtpassword"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="登入"
            android:id="@+id/btnlogin"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="註冊"
            android:id="@+id/btnregister"/>
    </LinearLayout>

</LinearLayout>

MainActivity.java：


import android.content.Intent;
import android.nfc.Tag;
import android.support.annotation.NonNull;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import com.google.android.gms.tasks.OnCompleteListener;
import com.google.android.gms.tasks.Task;
import com.google.firebase.auth.AuthResult;
import com.google.firebase.auth.FirebaseAuth;
import com.google.firebase.auth.FirebaseUser;

public class MainActivity extends AppCompatActivity {

    private Button btnlogin,btnregister;
    private EditText edtemail,edtpassword;

    private FirebaseAuth mAuth;
    private FirebaseAuth.AuthStateListener mAuthListener;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        findviewById();

        mAuth = FirebaseAuth.getInstance();

        mAuthListener = new FirebaseAuth.AuthStateListener() {
            @Override
            public void onAuthStateChanged(@NonNull FirebaseAuth firebaseAuth) {
                FirebaseUser user = firebaseAuth.getCurrentUser();
                if (user != null) {
                    // User is signed in
                    Log.d("TAG",user.getUid());
                    startActivity(new Intent(MainActivity.this,ShowData.class));
                } else {
                    // User is signed out
                    Log.d("Tag","user ==null");
                }
                // ...
            }
        };
    }
    private View.OnClickListener btnListener = new View.OnClickListener(){

        @Override
        public void onClick(View view) {
            if (view.getId()==R.id.btnlogin){
                String email = edtemail.getText().toString();
                String password = edtpassword.getText().toString();
                mAuth.signInWithEmailAndPassword(email,password)
                        .addOnCompleteListener(new OnCompleteListener() {
                            @Override
                            public void onComplete(@NonNull Task task) {
                                if (task.isSuccessful()){
                                    Log.d("TAG","登入成功");
                                }
                            }
                        });
            }
            if (view.getId()==R.id.btnregister){
                startActivity(new Intent(MainActivity.this,Register.class));
            }
        }
    };

    private void findviewById() {
        btnlogin = (Button)findViewById(R.id.btnlogin);
        btnregister = (Button)findViewById(R.id.btnregister);
        edtemail = (EditText)findViewById(R.id.edtemail);
        edtpassword = (EditText)findViewById(R.id.edtpassword);
        btnlogin.setOnClickListener(btnListener);
        btnregister.setOnClickListener(btnListener);

    }

    public void onStart() {
        super.onStart();
        mAuth.addAuthStateListener(mAuthListener);
    }
    public void onStop() {
        super.onStop();
        if (mAuthListener != null) {
            mAuth.removeAuthStateListener(mAuthListener);
        }
    }
}

Register.xml：


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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.user.firebasetest.Register"
    android:orientation="vertical"
    android:gravity="center">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="帳號："/>
        <EditText
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:hint="請輸入帳號"
            android:id="@+id/edtemail"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密碼："/>
        <EditText
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:hint="請輸入密碼"
            android:id="@+id/edtpassword"/>
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="註冊"
            android:id="@+id/btnregister"/>
    </LinearLayout>

</LinearLayout>

Register.java：
 
import android.content.DialogInterface;
import android.support.annotation.NonNull;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import com.google.android.gms.tasks.OnCompleteListener;
import com.google.android.gms.tasks.Task;
import com.google.firebase.auth.AuthResult;
import com.google.firebase.auth.FirebaseAuth;

public class Register extends AppCompatActivity {

    private Button btnregister;
    private EditText edtemail,edtpassword;

    private FirebaseAuth mAuth;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_register);

        mAuth = FirebaseAuth.getInstance();

        setTitle("註冊");
        findviewById();
    }

    private void findviewById() {
        edtemail = (EditText)findViewById(R.id.edtemail);
        edtpassword = (EditText)findViewById(R.id.edtpassword);
        btnregister = (Button)findViewById(R.id.btnregister);
        btnregister.setOnClickListener(registerListener);
    }

    private View.OnClickListener registerListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (v.getId()==R.id.btnregister){
                String email = edtemail.getText().toString();
                String password = edtpassword.getText().toString();
                mAuth.createUserWithEmailAndPassword(email, password)
                        .addOnCompleteListener(new OnCompleteListener() {
                            @Override
                            public void onComplete(@NonNull Task task) {
                                if (task.isSuccessful()){
                                    new AlertDialog.Builder(Register.this)
                                            .setMessage("註冊成功")
                                            .setPositiveButton("確定", new DialogInterface.OnClickListener(){
                                                @Override
                                                public void onClick(DialogInterface dialog, int which) {
                                                    finish();
                                                }

                                            })
                                            .show();

                                }
                                else {
                                    new AlertDialog.Builder(Register.this)
                                            .setMessage("註冊失敗")
                                            .setPositiveButton("確定",null)
                                            .show();
                                }
                            }
                        });

            }
        }
    };
}

ShowData.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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.user.firebasetest.ShowData"
    android:orientation="vertical">


        <ListView
            android:layout_width="wrap_content"
            android:layout_height="450dp"
            android:id="@+id/listview">
        </ListView>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="登出"
            android:id="@+id/btnlogout"
            android:layout_gravity="center"/>

</LinearLayout>

ShowData.java：
 
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;

import com.google.firebase.auth.FirebaseAuth;
import com.google.firebase.database.DataSnapshot;
import com.google.firebase.database.DatabaseError;
import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;
import com.google.firebase.database.ValueEventListener;

import java.util.ArrayList;
import java.util.List;

public class ShowData extends AppCompatActivity {

    private Button btnlogout;
    private ListView listview;

    ArrayAdapter adapter;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show_data);

        setTitle("ShowData");

        btnlogout = (Button)findViewById(R.id.btnlogout);
        listview = (ListView)findViewById(R.id.listview);
        adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1);



        btnlogout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                FirebaseAuth.getInstance().signOut();
                finish();
            }
        });

        getData();
    }

    private void getData() {
        final FirebaseDatabase database = FirebaseDatabase.getInstance();
        DatabaseReference myRef = database.getReference("員工");
        myRef.addValueEventListener(new ValueEventListener() {
            @Override
            public void onDataChange(DataSnapshot dataSnapshot) {
                adapter.clear();

                for (DataSnapshot contact : dataSnapshot.getChildren()){
                    adapter.add(contact.getKey().toString()+"-"+contact.child("phone").getValue().toString());
                }

                listview.setAdapter(adapter);

            }

            @Override
            public void onCancelled(DatabaseError databaseError) {

            }

        });

    }
}
張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)