Embedding React-Native-RC into an Android native app

cestev · August 8, 2022, 1:44pm

Hi. Here´s what I’m trying to accomplish:
We have an android app and a few years ago we embedded RC-Android app into it. Which is no longer supported. This embedded RC-android app connects to a customized RC-server version. Now we have updated RC-Server (form version 1.3.0 to 5.0.0) And of course when connecting via the embedded android app it doesn’t work.
So what I’m trying to do now is embed The reactNative app into our native android app. I’ll try it following this documentation.
But it will be helpfull to kwno certain things about the reactNative RC code.
First we need to log in into our app and automate the login for the new embeded RC.
Could you point out where login is handled in the code?
Also need to handle push notifications. I found android/app/src/play/java/chat/rocket/reactnative/CustomPushNotification.java file. Is this the one than handles incoming push notifications?
Thanks in advance

Melosine · August 11, 2022, 1:02pm

The login is done in the login saga, method handleLoginRequest

github.com

RocketChat/Rocket.Chat.ReactNative/blob/develop/app/sagas/login.js

import { call, cancel, delay, fork, put, race, select, take, takeLatest } from 'redux-saga/effects';
import { sanitizedRaw } from '@nozbe/watermelondb/RawRecord';
import { Q } from '@nozbe/watermelondb';

import * as types from '../actions/actionsTypes';
import { appStart } from '../actions/app';
import { selectServerRequest, serverFinishAdd } from '../actions/server';
import { loginFailure, loginSuccess, logout as logoutAction, setUser } from '../actions/login';
import { roomsRequest } from '../actions/rooms';
import log, { events, logEvent } from '../lib/methods/helpers/log';
import I18n, { setLanguage } from '../i18n';
import database from '../lib/database';
import EventEmitter from '../lib/methods/helpers/events';
import { inviteLinksRequest } from '../actions/inviteLinks';
import { showErrorAlert } from '../lib/methods/helpers/info';
import { localAuthenticate } from '../lib/methods/helpers/localAuthentication';
import { encryptionInit, encryptionStop } from '../actions/encryption';
import UserPreferences from '../lib/methods/userPreferences';
import { inquiryRequest, inquiryReset } from '../ee/omnichannel/actions/inquiry';
import { isOmnichannelStatusAvailable } from '../ee/omnichannel/lib';

This file has been truncated. show original

Not sure if you will be successful in your integration attempt but i wish you good luck. We went the other way and used the SDK (GitHub - RocketChat/Rocket.Chat.js.SDK: Utility for apps and bots to interact with Rocket.Chat via DDP and/or API) and build our own views.

cestev · August 11, 2022, 1:06pm

Great Thanks a lot for the info. I’ll take a look at the SDK also. At this point I’m still gathering info in how to mix the two projects (our own and the RC-reactNative). So everything comes usefull.

Topic		Replies	Views
Specs satisfying the `React-FabricImage (from ``)` dependency were found, but they required a higher minimum deployment target Community Support	1	959	February 17, 2024
Apple Push Notifications (APN) cert/key configuration format Community Support	0	1476	November 25, 2019
Problem configuring k8s for webhooks and presence statuses Community Support scalability , rocketchat-apps , cloud , docker , kubernetes	0	538	June 8, 2022
Customizing version 5.0.0 Development	7	834	August 3, 2022
Failed to find any information about the oAuth Client Community Support android	5	1529	September 18, 2022

Join our Community Open Call tomorrow where we'll share more details regarding recent changes and answer questions about updating your workspace to the latest Rocket.Chat

Embedding React-Native-RC into an Android native app

Related Topics