Добавление Ioni c React к существующему проекту React

Question

Используя эту ссылку, я успешно добавил самый базовый c код в свой существующий проект реагирования. Что меня сейчас смущает, так это что делать дальше? Как мне создать приложения из моего существующего реактивного проекта? Думаю, мне нужно сделать этот проект проектом Ioni c. Но как мне это сделать?

Это то, что я делал до сих пор в соответствии с руководством. Приложение React прекрасно работает в моем веб-браузере.

import MomentUtils from '@date-io/moment';
import '@fake-db';
import FuseAuthorization from '@fuse/core/FuseAuthorization';
import FuseLayout from '@fuse/core/FuseLayout';
import FuseTheme from '@fuse/core/FuseTheme';
import history from '@history';
import { createGenerateClassName, jssPreset, StylesProvider } from '@material-ui/core/styles';
import { MuiPickersUtilsProvider } from '@material-ui/pickers';
import { create } from 'jss';
import jssExtend from 'jss-plugin-extend';
import rtl from 'jss-rtl';
import React from 'react';
import Provider from 'react-redux/es/components/Provider';
import { Router } from 'react-router-dom';
import { IonApp, IonRouterOutlet } from '@ionic/react';
import { IonReactRouter } from '@ionic/react-router';
import AppContext from './AppContext';
import { Auth } from './auth';
import routes from './fuse-configs/routesConfig';
import store from './store';

const jss = create({
    ...jssPreset(),
    plugins: [...jssPreset().plugins, jssExtend(), rtl()],
    insertionPoint: document.getElementById('jss-insertion-point')
});

const generateClassName = createGenerateClassName();

const App = () => {
    return (
        <IonApp>
            <IonReactRouter>
                <IonRouterOutlet>
                    <AppContext.Provider
                        value={{
                            routes
                        }}
                    >
                        <StylesProvider jss={jss} generateClassName={generateClassName}>
                            <Provider store={store}>
                                <MuiPickersUtilsProvider utils={MomentUtils}>
                                    <Auth>
                                        <Router history={history}>
                                            <FuseAuthorization>
                                                <FuseTheme>
                                                    <FuseLayout/>
                                                </FuseTheme>
                                            </FuseAuthorization>
                                        </Router>
                                    </Auth>
                                </MuiPickersUtilsProvider>
                            </Provider>
                        </StylesProvider>
                    </AppContext.Provider>
                </IonRouterOutlet>
            </IonReactRouter>
        </IonApp>
    );
};

export default App;

Answer 1

Я понял, как это сделать.

Для этого вам понадобится нечто, называемое Иони c Конденсатор . Больше информации. можно найти здесь .

Официальная статья предоставлена ​​Иони c, которую можно найти здесь . Тем не менее, не объясняет, что необходимо сделать для создания кроссплатформенных приложений .

Примечание: Вышеупомянутая часть не обязательна , если вы хотите просто протестируйте ваше приложение React и посмотрите, как настоящее приложение Android / iOS / Electron создается с использованием Ioni c.

Если вы просто хотите создавать кроссплатформенные приложения без изменения какого-либо кода в существующем реактивном проекте, а затем следуйте инструкциям, приведенным на этой странице. Прокрутите вниз до Building android app section.