Membuat Realtime Chat Sederhana

1. Buka android studio lalu pilih File -> New Project
2. Berinama Project “RealtimeChat” tanpa petik , pilih next
3. Pilih API level 17:Android 4.2 ( Jelly Bean ) ,next
4. Pilih Empty Activity , next 
5. Nama activity dan class Biarkan saja default -> Finish
6. Buka browser dan masukan alamat https://console.firebase.google.com/
7. Pilih Create New Project , isikan Project name Sesuai dengan yang tadi kita buat dan pilih juga negaranya yang pasti INDONESIA hehe
   
8. Setelah Create New Projek lalu akan di alihakan he halaman seperti berikut , Lalu pilih yang di tengah “ Add Firebase to your android app ” 
   
9. Isi Form sesuai Name Package yang ada di projek , Untuk SHA 1 optionaljika di isi ini caranya :
   
   -Refresh Gradlenya
   -Pilih RealtimeChat -> RealtimeChat (root) -> Tasks -> android -> double klik pada signing report
   -Setelah beberapa saat akan muncul dialog yang berada di bawah, lalu copy SHA 1 pada Form tadi
   
10. Setelah langkah pertama selelsai maka akan   Secara otomastis akan mendownload file json, setelah terdwonload copy file json tersebut di folder “app” 
    
    
11. Yang terakhir kita harus menambahkan beberapa baris code pada Gradle build dan Gradle app level
    
    Gradle build
    Gradle level app
12. Buka browser lagi untuk mengubah Permision pada database , Pilih Databse - > Rules - > ubah "auth != null" jadi true -> Publish
    

Source Code

1. activity_main.xml
   
   DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

   1. <?xml version="1.0" encoding="utf-8"?>
   2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   3.    xmlns:tools="http://schemas.android.com/tools"
   4.    android:layout_width="match_parent"
   5.    android:layout_height="match_parent"
   6.    android:paddingBottom="@dimen/activity_vertical_margin"
   7.    android:paddingLeft="@dimen/activity_horizontal_margin"
   8.    android:paddingRight="@dimen/activity_horizontal_margin"
   9.    android:paddingTop="@dimen/activity_vertical_margin"
   10.    android:orientation="vertical"
   11.    tools:context="com.example.darsiwan.fireapp.MainActivity">
   13.     <ListView
   14.        android:id="@+id/listView"
   15.        android:layout_width="match_parent"
   16.        android:layout_height="wrap_content"
   17.        android:layout_alignParentTop="true"
   18.        android:layout_alignParentRight="true"
   19.        android:layout_alignParentEnd="true"
   20.        android:layout_above="@+id/etNeme_room">
   21.     </ListView>
   23.     <EditText
   25.        android:layout_width="226dp"
   26.        android:layout_height="wrap_content"
   27.        android:id="@+id/etNeme_room"
   28.        android:layout_alignParentBottom="true"
   29.        android:layout_alignParentStart="true"
   30.        android:layout_toStartOf="@+id/btnAdd_room" />
   32.     <Button
   33.        android:layout_width="wrap_content"
   34.        android:layout_height="wrap_content"
   35.        android:text="Room"
   36.        android:id="@+id/btnAdd_room"
   37.        android:layout_gravity="right"
   38.        style="?android:attr/borderlessButtonStyle"
   39.        android:drawableLeft="@drawable/ic_add_black_24dp"
   40.        android:layout_alignParentBottom="true"
   41.        android:layout_alignParentEnd="true" />
   44. </RelativeLayout>
2. MainActivity.java
DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
1. import android.content.DialogInterface;
2. import android.content.Intent;
3. import android.support.v7.app.AlertDialog;
4. import android.support.v7.app.AppCompatActivity;
5. import android.os.Bundle;
6. import android.view.View;
7. import android.widget.AdapterView;
8. import android.widget.ArrayAdapter;
9. import android.widget.Button;
10. import android.widget.EditText;
11. import android.widget.ListView;
12. import android.widget.TextView;
14. import com.firebase.client.Firebase;
15. import com.google.firebase.database.DataSnapshot;
16. import com.google.firebase.database.DatabaseError;
17. import com.google.firebase.database.DatabaseReference;
18. import com.google.firebase.database.FirebaseDatabase;
19. import com.google.firebase.database.ValueEventListener;
21. import java.util.ArrayList;
22. import java.util.HashMap;
23. import java.util.HashSet;
24. import java.util.Iterator;
25. import java.util.Map;
26. import java.util.Set;
28. public class MainActivity extends AppCompatActivity {
29.     private  Button add_room;
30.     private  EditText room_name;
31.     private ListView listView;
32.     private String name;
33.     private DatabaseReference root =FirebaseDatabase.getInstance().getReference().getRoot();
35.     private ArrayAdapter<String> arrayAdapter;
36.     private ArrayList<String> list_of_rooms = new ArrayList();
37.     @Override
38.     protected void onCreate(Bundle savedInstanceState) {
39.         super.onCreate(savedInstanceState);
40.         setContentView(R.layout.activity_main);
41.         add_room = (Button)findViewById(R.id.btnAdd_room);
42.         room_name = (EditText)findViewById(R.id.etNeme_room);
43.         listView = (ListView)findViewById(R.id.listView);
45.         arrayAdapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,list_of_rooms);
46.         listView.setAdapter(arrayAdapter);
48.         request_user_name();
49.         add_room.setOnClickListener(new View.OnClickListener() {
50.             @Override
51.             public void onClick(View view) {
53.                 Map<String,Object> map = new HashMap<String,Object>();
54.                 map.put(room_name.getText().toString(),"");
55.                 root.updateChildren(map);
57.             }
58.         });
59.         root.addValueEventListener(new ValueEventListener() {
60.             @Override
61.             public void onDataChange(DataSnapshot dataSnapshot) {
62.                 Set<String> set = new HashSet<String>();
63.                 Iterator i = dataSnapshot.getChildren().iterator();
64.                 while ( i.hasNext())
65.                 {
66.                     set.add(((DataSnapshot)i.next()).getKey());
67.                 }
68.                 list_of_rooms.clear();
69.                 list_of_rooms.addAll(set);
71.                 arrayAdapter.notifyDataSetChanged();
72.             }
74.             @Override
75.             public void onCancelled(DatabaseError databaseError) {
77.             }
78.         });
80.         listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
81.             @Override
82.             public void onItemClick(AdapterView<?> adapterView, View view, int i, long l){
84.                 Intent I = new Intent(getApplicationContext(),chatroom.class);
85.                 I.putExtra("room_name",((TextView)view).getText().toString());
86.                 I.putExtra("user_name",name);
87.                 startActivity(I);
88.             }
89.         });
91.     }
93.     private void request_user_name() {
94.         AlertDialog.Builder builder = new AlertDialog.Builder(this);
95.         builder.setTitle("Enter Name");
96.         final EditText input_field = new EditText(this);
97.         builder.setView(input_field);
98.         builder.setPositiveButton("OK ", new DialogInterface.OnClickListener() {
99.             @Override
100.             public void onClick(DialogInterface dialogInterface, int i) {
101.                 name = input_field.getText().toString();
102.             }
103.         });
104.         builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
105.             @Override
106.             public void onClick(DialogInterface dialogInterface, int i) {
107.                 dialogInterface.cancel();
108.                 request_user_name();
109.             }
110.         });
111.         builder.show();
112.     }
113. }
3. Buat Empty Activity dengan nama activity_chatroom.xml dan chatroom.java
   - activity_chatroom.xml
   
   DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

   1. <?xml version="1.0" encoding="utf-8"?>
   2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   3.    xmlns:tools="http://schemas.android.com/tools"
   4.    android:layout_width="match_parent"
   5.    android:layout_height="match_parent"
   6.    android:paddingBottom="@dimen/activity_vertical_margin"
   7.    android:paddingLeft="@dimen/activity_horizontal_margin"
   8.    android:paddingRight="@dimen/activity_horizontal_margin"
   9.    android:paddingTop="@dimen/activity_vertical_margin"
   10.    android:orientation="vertical"
   11.    tools:context="com.example.darsiwan.fireapp.chatroom"
   12.    android:weightSum="1">
   14.     <ScrollView
   15.        android:layout_width="378dp"
   16.        android:layout_height="157dp"
   17.        android:id="@+id/scrollView"
   18.        android:layout_alignParentTop="true"
   19.        android:layout_alignParentStart="true"
   20.        android:layout_weight="1.04">
   22.         <TextView
   23.            android:layout_width="wrap_content"
   24.            android:layout_height="wrap_content"
   25.            android:textAppearance="?android:attr/textAppearanceMedium"
   26.            android:id="@+id/textView" />
   27.     </ScrollView>
   29.     <LinearLayout
   30.        android:layout_width="match_parent"
   31.        android:layout_height="wrap_content"
   32.        android:orientation="horizontal"
   33.        android:weightSum="1">
   34.         <EditText
   35.            android:layout_width="59dp"
   36.            android:layout_height="wrap_content"
   37.            android:id="@+id/editText"
   38.            android:layout_alignTop="@+id/button"
   39.            android:layout_alignParentStart="true"
   40.            android:layout_toStartOf="@+id/button"
   41.            android:layout_weight="1.02" />
   43.         <Button
   44.            android:layout_width="52dp"
   45.            android:layout_height="wrap_content"
   47.            android:id="@+id/button"
   48.            style="?android:attr/borderlessButtonStyle"
   49.            android:drawableLeft="@drawable/ic_send_black_24dp"
   50.            android:layout_alignParentBottom="true"
   51.            android:layout_alignParentEnd="true" />
   53.     </LinearLayout>
   55. </LinearLayout>
   
   - chatroom.java
   
   DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

   1. import android.provider.ContactsContract;
   2. import android.support.v7.app.AppCompatActivity;
   3. import android.os.Bundle;
   4. import android.view.View;
   5. import android.widget.Button;
   6. import android.widget.EditText;
   7. import android.widget.TextView;
   9. import com.google.firebase.database.ChildEventListener;
   10. import com.google.firebase.database.DataSnapshot;
   11. import com.google.firebase.database.DatabaseError;
   12. import com.google.firebase.database.DatabaseReference;
   13. import com.google.firebase.database.FirebaseDatabase;
   15. import java.util.HashMap;
   16. import java.util.Iterator;
   17. import java.util.Map;
   19. public class chatroom extends AppCompatActivity {
   21.     private Button btn_send_msg;
   22.     private EditText input_msg;
   23.     private TextView chat_conversation;
   24.     private String user_name ,room_name;
   25.     private DatabaseReference root;
   26.     private String temp_key;
   28.     @Override
   29.     protected void onCreate(Bundle savedInstanceState) {
   30.         super.onCreate(savedInstanceState);
   31.         setContentView(R.layout.activity_chatroom);
   32.         btn_send_msg = (Button)findViewById(R.id.button);
   33.         input_msg = (EditText)findViewById(R.id.editText);
   34.         chat_conversation = (TextView)findViewById(R.id.textView);
   35.         user_name = getIntent().getExtras().get("user_name").toString();
   36.         room_name = getIntent().getExtras().get("room_name").toString();
   37.         setTitle("Room - "+room_name);
   39.         root = FirebaseDatabase.getInstance().getReference().child(room_name);
   41.         btn_send_msg.setOnClickListener(new View.OnClickListener() {
   42.             @Override
   43.             public void onClick(View view) {
   45.                 Map<String,Object> map = new HashMap<String, Object>();
   46.                 temp_key = root.push().getKey();
   47.                 root.updateChildren(map);
   49.                 DatabaseReference message_root = root.child(temp_key);
   50.                 Map<String,Object> map2 = new HashMap<String, Object>();
   51.                 map2.put("name",user_name);
   52.                 map2.put("msg",input_msg.getText().toString());
   54.                 message_root.updateChildren(map2);
   56.             }
   57.         });
   59.         root.addChildEventListener(new ChildEventListener() {
   60.             @Override
   61.             public void onChildAdded(DataSnapshot dataSnapshot, String s) {
   63.                 append_chat_conversatin(dataSnapshot);
   65.             }
   67.             @Override
   68.             public void onChildChanged(DataSnapshot dataSnapshot, String s) {
   69.                 append_chat_conversatin(dataSnapshot);
   70.             }
   72.             @Override
   73.             public void onChildRemoved(DataSnapshot dataSnapshot) {
   75.             }
   77.             @Override
   78.             public void onChildMoved(DataSnapshot dataSnapshot, String s) {
   80.             }
   82.             @Override
   83.             public void onCancelled(DatabaseError databaseError) {
   85.             }
   86.         });
   88.     }
   89. private String chat_msg, chat_user_name;
   91.     private void append_chat_conversatin(DataSnapshot dataSnapshot) {
   92.         Iterator i = dataSnapshot.getChildren().iterator();
   93.         while (i.hasNext())
   94.         {
   95.             chat_msg = (String) ((DataSnapshot)i.next()).getValue();
   96.             chat_user_name = (String) ((DataSnapshot)i.next()).getValue();
   98.             chat_conversation.append(chat_user_name + " : "+chat_msg +"\n");
   101.         }
   102.     }
   103. }
4. Edit androidmanifest.xml
   
   DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL

   1. <?xml version="1.0" encoding="utf-8"?>
   2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
   3.    package="com.example.darsiwan.fireapp">
   5.     <uses-permission android:name="android.permission.INTERNET" />
   7.     <application
   8.        android:allowBackup="true"
   9.        android:icon="@mipmap/ic_launcher"
   10.        android:label="@string/app_name"
   11.        android:supportsRtl="true"
   12.        android:theme="@style/AppTheme">
   13.         <activity android:name=".MainActivity">
   14.             <intent-filter>
   15.                 <action android:name="android.intent.action.MAIN" />
   17.                 <category android:name="android.intent.category.LAUNCHER" />
   18.             </intent-filter>
   19.         </activity>
   20.         <activity android:name=".chatroom"></activity>
   21.     </application>
   23. </manifest>
5. jalankan aplikasinya .
   

Terima kasih sudah mengunjungi blog kami :)

 Silahkan anda share artikel kami dengan mencantumkan sumber nya