Как реализовать Freshchat Widget в Angular 5

Question

У меня есть приложение на основе Angular 5.Я должен реализовать Freshchat Widget в нем.Но проблема в том, что в их документации есть только реализация Vanilla JavaScript, нет документации для веб-приложения на основе Angular.

Из их документации на https://developers.freshchat.com/

Мне нужно добавить виджет для Annonymous User on LandingСтраница и как только пользователь вошел в виджет, должен иметь последний разговор пользователей, чтобы пользователь мог возобновить свой запрос.

Пример кода, показанный на https://developers.freshchat.com/#restore-user для возобновления разговора пользователя, очень запутанныйтак как мы должны извлекать restoreId перед вызовом метода init (), что, я думаю, мы не сможем, если вызовем метод init непосредственно перед закрытием тега body в файле index.html согласно их документации.

Пожалуйста,помогите мне, как мне реализовать этот виджет чата в моем угловом приложении?

Любая помощь будет высоко оценена.Спасибо!

Answer 1

@ Sushmit @Tzvi Григорий Кайданов Вы можете создать сервис, как показано ниже, и добавить widget.js в свой заголовочный тег index.hmtl

import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'
})
export class FreshchatService {
  init(){
    (<any>window).fcWidget.init({ token:'####-####-######', host : 'DOMAIN_URL'});
  }
}

И позвонить, используя freshchatService.init()