I am trying to connect my react-native application with openfire server which is running locally in my pc but could not get connected.

[muhazzib]

I am trying to connect my react-native application with openfire server which is running locally in my pc but could not get connected. here is my xmpp configuration file.

import XMPP from 'react-native-xmpp';
// const DOMAIN = "192.168.100.20:5222";
const SCHEMA = "ios";

const DOMAIN = "appbakerz-18";

class XmppStore {

    constructor() {
        XMPP.on('loginError', this.onLoginError);
        XMPP.on('error', this.onError);
        XMPP.on('disconnect', this.onDisconnect);
        XMPP.on('login', this.onLogin);
        XMPP.on('message', this.onReceiveMessage);

        // XMPP.trustHosts(['192.168.100.22', '192.168.100.22', '192.168.100.22']);

        // default values
        this.local = 'rntestuser1';
        this.remote = 'rntestuser2';
    }

    _userForName(name) {
        return name + '@' + DOMAIN + "/" + SCHEMA;
    }

    sendMessage(message) {
        if (!this.remote || !this.remote.trim()) {
            console.error("No remote username is defined");
        }
        if (!message || !message.trim()) {
            return false;
        }
        // add to list of messages
        this.conversation.unshift({ own: true, text: message.trim() });
        // empty sent message
        this.error = null;
        // send to XMPP server
        XMPP.message(message.trim(), this._userForName(this.remote))
    }

    onReceiveMessage({ from, body }) {
        console.log("onReceiveMessage")
        // extract username from XMPP UID
        if (!from || !body) {
            return;
        }
        var name = from.match(/^([^@]*)@/)[1];
        this.conversation.unshift({ own: false, text: body });
    }

    onLoginError() {
        this.loading = false;
        this.conversation.replace([]);
        this.loginError = "Cannot authenticate, please use correct local username";
    }

    onError(message) {
        this.error = message;
    }

    onDisconnect(message) {
        this.logged = false;
        this.loginError = message;
    }

    onLogin() {
        console.log("LOGGED!");
        this.conversation.replace([]);
        this.loading = false;
        this.loginError = null;
        this.logged = true;
    }

    login({ local, remote }) {
        console.log('------')
        this.local = local;
        // this.remote = remote;
        if (!local || !local.trim()) {
            this.loginError = "Local username should not be empty";
        }
        // else if (!remote || !remote.trim()){
        //     this.loginError = "Remote username should not be empty";
        // } else if (local==remote){
        //     this.loginError = "Local username should not be the same as remote username";
        // } 
        else {
            this.loginError = null;

            // try to login to test domain with the same password as username
            try{
                console.log(this._userForName(this.local))
                XMPP.connect(this._userForName(this.local),this.local);
                console.log(XMPP.isLogged,'islog');
            }
            catch(err){
                console.log('err')
            }
            this.loading = true;
        }
    }

    disconnect() {
        XMPP.disconnect();
    }

}

export default new XmppStore();

[AkmalElahi]

Hi, did you find any solution for this?