add chatroom api

Author: KenChoi

android/src/io/jchat/android/Constant.java

@@ -31,6 +31,7 @@ public class Constant {
     public static final String TYPE_USER = "user";
     public static final String TYPE_GROUP = "group";
     public static final String TYPE_SINGLE = "single";
+    public static final String TYPE_CHAT_ROOM = "chatroom";
     public static final String ID = "id";
     public static final String SERVER_ID = "serverMessageId";
     public static final String MESSAGE_ID = "messageId";

android/src/io/jchat/android/JMessageModule.java

@@ -341,7 +341,7 @@ public void createSendMessage(ReadableMap map, Callback callback) {
     public void sendMessage(ReadableMap map, final Callback success, final Callback fail) {
         try {
             Conversation conversation = mJMessageUtils.getConversation(map);
-            final Message message = conversation.getMessage(map.getInt(Constant.ID));
+            final Message message = conversation.getMessage(Integer.parseInt(map.getString(Constant.ID)));
             if (map.hasKey(Constant.SENDING_OPTIONS)) {
                 MessageSendingOptions options = new MessageSendingOptions();
                 ReadableMap optionMap = map.getMap(Constant.SENDING_OPTIONS);

android/src/io/jchat/android/utils/ResultUtils.java

@@ -234,6 +234,9 @@ public static WritableMap toJSObject(Conversation conversation) {
             } else if (conversation.getType() == ConversationType.group) {
                 GroupInfo targetInfo = (GroupInfo) conversation.getTargetInfo();
                 map.putMap(Constant.TARGET, toJSObject(targetInfo));
+            } else {
+                ChatRoomInfo chatRoomInfo = (ChatRoomInfo) conversation.getTargetInfo();
+                map.putMap(Constant.TARGET, toJSObject(chatRoomInfo, null));
             }
 
         } catch (Exception e) {
@@ -247,14 +250,15 @@ public static WritableMap toJSObject(ChatRoomInfo chatRoomInfo, final Callback f
         final WritableMap map = Arguments.createMap();
         try {
             map.putString(Constant.ROOM_ID, String.valueOf(chatRoomInfo.getRoomID()));
+            map.putString(Constant.TYPE, Constant.TYPE_CHAT_ROOM);
             map.putString(Constant.ROOM_NAME, chatRoomInfo.getName());
             map.putString(Constant.APP_KEY, chatRoomInfo.getAppkey());
             chatRoomInfo.getOwnerInfo(new GetUserInfoCallback() {
                 @Override
                 public void gotResult(int status, String desc, UserInfo userInfo) {
                     if (status == 0) {
                         map.putMap(Constant.OWNER, toJSObject(userInfo));
-                    } else {
+                    } else if (fail != null) {
                         WritableMap result = Arguments.createMap();
                         result.putInt(Constant.CODE, status);
                         result.putString(Constant.DESCRIPTION, desc);

document/Models.md

@@ -2,6 +2,7 @@
 
 - [UserInfo](#userinfo)
 - [GroupInfo](#groupinfo)
+- [ChatRoomInfo](#ChatRoomInfo)
 - [Conversation](#conversation)
 - [Message](#message)
   - [TextMessage](#textmessage)
@@ -47,6 +48,22 @@ isNoDisturb: boolean,       // 是否免打扰
 isBlocked: boolean          // 是否屏蔽群消息
 ```
 
+## ChatRoomInfo
+
+```js
+type: 'chatroom',
+roomId: string,             // 聊天室 id
+roomName: string,           // 聊天室名字
+appKey: string,             // 聊天室所属 AppKey
+owner: UserInfo,            // 聊天室拥有者
+maxMemberCount: number,     // 聊天室最大成员数量
+description: string,        // 聊天室描述
+totalMemberCount: number,   // 聊天室当前成员数量
+createTime: number          // 聊天室创建时间，单位 秒
+```
+
+
+
 ## Conversation
 
 - 单聊：如果用户有昵称，`title` 为昵称，否则为 username。
@@ -56,8 +73,8 @@ isBlocked: boolean          // 是否屏蔽群消息
 title: string,                  // 会话标题
 latestMessage: Message,         // 最近的一条消息对象
 unreadCount: number,            // 未读消息数
-conversationType: 'single' / 'group',
-target: UserInfo / GroupInfo    // 聊天对象信息
+conversationType: 'single' / 'group', / 'chatroom'
+target: UserInfo / GroupInfo / ChatRoomInfo  // 聊天对象信息
 ```
 
 ## Message

example/app/routes/Chat/index.js

@@ -175,9 +175,12 @@ export default class Chat extends Component {
     if (this.conversation.conversationType === 'single') {
       parames.type = 'single'
       parames.username = this.conversation.key
-    } else {
+    } else if (this.conversation.conversationType === 'group') {
       parames.type = 'group'
       parames.groupId = this.conversation.key
+    } else {
+      parames.type = 'chatroom'
+      parames.roomId = this.conversation.key
     }
     this.messageListDidLoadCallback = () => {
 
@@ -288,6 +291,7 @@ export default class Chat extends Component {
 
   onMsgClick = (message) => {
     console.log(message)
+    alert(JSON.stringify(message))
   }
 
   onStatusViewClick = (message) => {

example/app/routes/Home/ConversationList/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import ReactNative from 'react-native';
+import ReactNative, { ScrollView } from 'react-native';
 import JMessage from 'jmessage-react-plugin';
 
 import FormButton from '../../../views/FormButton'
@@ -48,14 +48,17 @@ const styles = StyleSheet.create({
         backgroundColor: 'rgba(0, 0, 0, 0.5)',
     },
     modalContent: {
-        width: 200,
-        height: 150,
-        justifyContent: 'center',
+        width: 300,
+        height: 300,
+        justifyContent: 'space-between',
         alignItems: 'center',
         backgroundColor: '#ffffff',
     },
     modalButton: {
-
+        margin: 10,
+    },
+    inputStyle: {
+        width: 200
     }
 });
 
@@ -84,11 +87,11 @@ export default class ConversationList extends React.Component {
             tabBarIcon: ({
                 tintColor
             }) => (
-                <Image
+                    <Image
                         source={require('../../../resource/chat-icon.png')}
                         style={[styles.icon, { tintColor: tintColor }]}
                     />
-            ),
+                ),
         }
     };
 
@@ -231,16 +234,32 @@ export default class ConversationList extends React.Component {
         })
     }
 
+    enterChatRoom(params) {
+        JMessage.enterChatRoom(params.roomId, (conversation) => {
+            var chatRoom = {
+                conversationType: 'chatroom',
+                key: conversation.roomId,
+                owner: conversation.owner,
+                totalMemberCount: conversation.totalMemberCount
+            }
+            this.props.navigation.navigate('Chat', {
+                conversation: chatRoom
+            })
+        }, (error) => {
+            console.alert("error, code: " + error.code + ", description: " + error.description)
+        })
+    }
+
     render() {
         this.listView = <FlatList
-        data = {
-            this.state.data
-        }
-        renderItem = {
+            data={
+                this.state.data
+            }
+            renderItem={
                 ({
                     item
                 }) => (
-                    <View>
+                        <View>
                             <TouchableHighlight
                                 style={[styles.conversationContent]}
                                 underlayColor='#dddddd'
@@ -259,10 +278,10 @@ export default class ConversationList extends React.Component {
                                 </View>
                             </TouchableHighlight>
                         </View>
-                )
+                    )
             } >
 
-            </FlatList>
+        </FlatList>
         return (
 
             <View>
@@ -274,6 +293,7 @@ export default class ConversationList extends React.Component {
                         <View
                             style={styles.modalContent}>
                             <TextInput
+                                style={styles.inputStyle}
                                 placeholder="用户名或群聊名称"
                                 onChangeText={(e) => { this.setState({ modalText: e }) }}>
                             </TextInput>
@@ -303,6 +323,22 @@ export default class ConversationList extends React.Component {
                                 }}
                                 style={styles.modalButton}
                                 title='创建群聊' />
+                            <Button
+                                onPress={() => {
+                                    JMessage.createChatRoomConversation("1000", (conversation) => {
+                                        var params = {
+                                            type: conversation.type,
+                                            roomId: conversation.roomId,
+                                            name: conversation.roomName,
+                                            appKey: conversation.appKey,
+                                            owner: conversation.owner,
+                                        }
+                                        this.setState({ isShowModal: false })
+                                        this.enterChatRoom(params)
+                                    })
+                                }}
+                                style={styles.modalButton}
+                                title='创建聊天室' />
 
                             <Button
                                 onPress={() => { this.setState({ isShowModal: false }) }}

index.js

@@ -724,7 +724,7 @@ export default class JMessage {
      * 退出会话，和 enterConversation 方法成对使用
      */
     static exitConversation() {
-        if (Platform.OS === 'Android') {
+        if (Platform.OS === 'android') {
             JMessageModule.exitConversation()
         }
     }