Download Build Group Chat and server Android studio

Using one connection for each channel subscription would quickly become unwieldy. PubNub provides Multiplexing to allow one device connection to support dozens of channel subscriptions.

First, go to the signup form on the PubNub website. We just include the initial steps here so you will get the rough idea. These are the keys you created when you made a new account and PubNub application in previous steps.

As with any Android app, there are 2 main portions of the project — the Android code written in Java , and the resource files written in XML. The Java code contains 2 Activities, plus packages for each major feature: Real-time Messaging, Presence, and Multiplexing. In rare cases, you might add some additional dependencies in the build. Running the code should be as easy as clicking the play button in the Android Studio toolbar.

You can use a connected device or an AVD in the emulator to run the application. Now we can move forward and start building one by one component. So we have to add J2EE and tomcat extensions. Another option would be downloading another eclipse that supports J2EE, but I would like use the eclipse that supports both android and j2ee instead of two different IDEs.

Download apache tomcat 7 from tomcat website. You can download it from this direct link. Once downloaded, extract it in some location. You might need to select the appropriate eclipse release depending upon your eclipse flavour. Once the extensions are installed, Eclipse will prompt you to restart. When the eclipse re-opened, we need to create a server first. Give server name, browse and select the tomcat home directory which we downloaded previously.

As we need to test this app on multiple devices it can be a mobile, PC or a laptop in a wifi network, we need to know the IP address of the PC where the socket server project running. So instead of using localhost , we need to use the ip address in the url. In order to get the ip address of your machine, execute below commands in terminal.

Note: The ip address of your machine might changes whenever you disconnected from wifi or a new device added to wifi network. So make sure that you are using the correct ip address every time you test the app. Once the Eclipse Tomcat setup is ready and you know the IP address, you are good to go with socket server development. Building the socket server is very easy. Give the project name and select the Target runtime as Tomcat 7.

I gave my package name as info. Now download google-collections In the below code, if you observer each json contains flag node which tell the clients the purpose of JSON message.

On the client side we have to take appropriate action considering the flag value. This will be the first json a client receives when it opens a sockets connection. Hence it will broadcasted to every client. Create another class named SocketServer. This is the where we implement actual socket server.

With this we have completed the socket server part. Now quickly we can build a web app to the test the socket server. Again building the web app is very simple. This is the part of same socket server project, so follow the below steps in the same project.

Create a file named style. This contains the css styles for the web UI. Create another file named main. This file contains all the methods required to handle communication between socket server and client. The other things like parsing JSON, appending messages to chat list also taken care in the same file. Now download jquery Finally create another file named index. In order to test the socket server using the web app, follow below steps. You can use multiple devices like desktop PC, Laptop or just one machine is enough.

Make sure that all the machines connected to same wifi router if you are testing the app on multiple machines. Find the IP address of the machine on which socket server project is running. Follow the steps mentioned in 2nd point to get the ip address. Replace the ip address in main. Now access your project url in browser.

Replace localhost with your machine ip address in the url. Once you are able to chat between multiple clients, we can go forward and build the android app in Android Building Group Chat App using Sockets — Part 2. Hi there! I am Founder at androidhive and programming enthusiast. If you have any idea that you would want me to develop?

Excellent work Love you man and I have a request can you please help us about some design tutorial using material app design? Create a new file called ImgurAttachmentViewFactory and add this code:. When you run your app, you should now see the Imgur logo displayed over images from Imgur.

This was, of course, a very simple change, but you could use the same approach to implement a product preview, shopping cart, location sharing, polls, and more. You can achieve lots of your message customization goals by implementing a custom attachment View. If you need even more customization, you can also implement custom ViewHolders for the entire message object. If you want to build a custom UI, you can do that using the LiveData objects provided by our offline support library, or the events provided by our low level client.

The example below will show you how to build a custom typing status component using both approaches. You'll also want to update the constraints for the MessageListView.

The offline support library contains the ChatDomain class, which provides observable LiveData objects for a channel such as messages, typing state, reads statuses, etc. The full list of LiveData objects provided is detailed in the documentation. These make it easy to obtain data for use in your own custom UI. Open ChannelActivity and add the following code below Step 6 , still within the onCreate method:. Remember to update your imports before running the app.

You should now see a small typing indicator bar just below the channel header. Note that the current user is excluded from the list of typing users. The code is quite simple - we are invoking the getChannelController use case which returns the ChannelController.

The controller exposes a LiveData object, typing , for observing typing users. We observe this and update the text in the TextView we've added.

To test the behaviour, you can open a client on the web , enter the same channel, and then type away! The low-level client enables you to talk directly to Stream's API. This gives you the flexibility to implement any messaging UI that you want. In this case, we want to show who is typing, current user included. In the code below, we get the ChatClient instance, and fetch a ChannelClient using the the channel cid call. This provides access to all operations on the given channel. Then, we use subscribeFor to listen to all TypingStart and TypingStop events in the current channel, and update the contents of the TextView with the list of typing users.

Note that we specify the current Activity as the lifecycle owner to ensure that the event callbacks are removed when the Activity is no longer active.

The Message class will hold all the needed info to render a single message. Now that we can display and render our chat bubbles we need to hook up the incoming messages with the MessageAdapter that we just created. We can do that by going back to the MainActivity class and finishing the onMessage method.

Please see the Jackson docs for best practices on how to parse the incoming Scaledrone messages and users data. Hopefully, this tutorial helped you build your very own chat app.

You can find the full source code or run the working prototype on GitHub. If you have any questions or feedback feel free to contact us. This tutorial only scratched what Scaledrone can do for you and is the ideal basis for any of your future realtime needs. Looking to build the same app for iOS using Swift? Check out our iOS chat tutorial. Last updated February 5th Now using Scaledrone client 0. This tutorial will teach you: How to build a fully functional group chat.