Как подключить расширение Chrome к веб-приложению - PullRequest
Новая
       19

Как подключить расширение Chrome к веб-приложению

0 голосов
/ 07 мая 2019

Как я могу подключить наше расширение Chrome к нашему веб-приложению?Наше веб-приложение отображает список элементов списка желаний на их панели пользователя.Расширение chrome захватывает информацию на странице элемента, который пользователь просматривает, по нажатию кнопки в расширении.Нам нужно, чтобы пользователи могли входить в расширение Chrome с помощью Auth0 для подключения к своей учетной записи пользователя из веб-приложения.Расширение chrome принимает активную информацию о вкладке при нажатии кнопки, создает предварительный просмотр ссылки через API MicroLink, который включает URL, источник изображения, заголовок и описание в ответе JSON.Нам необходимо получить доступ к / получить и сохранить этот ответ JSON для таблицы Users, чтобы мы могли отобразить компонент реагирования на список / панель мониторинга, которые пользователи хотят при входе в веб-приложение.

Как мы можем заставить этих двоих общаться?Нужно ли расширению Chrome жить внутри приложения Web React или оно должно быть отдельным приложением?

        super(props);
        this.state = {
            itemURL: 'https://www.item.url'
        };
    }

    componentDidMount() {
        chrome.tabs.query({ active: true, currentWindow: true }, tabs => {
            const itemURL = new URL(tabs[0].url);
            this.setState({
                itemURL: itemURL,
            });
            console.log(itemURL);
        });
    }

    render() {
        return (
            <ItemWrapper>
                <MicrolinkCard
                    className='item-shadow'
                    url={this.state.itemURL}
                    media={['video', 'image', 'logo', 'screenshot']}
                    size='large'
                />
            </ItemWrapper>
        )
    }```
...