时间戳

首页 > 解决方案 > 如何在 Angular 5 中实现 Freshchat 小部件

javascript - 如何在 Angular 5 中实现 Freshchat 小部件

问题描述

我有一个基于 Angular 5 的 Web 应用程序。我需要在其中实现 Freshchat 小部件。但问题是他们的文档只有 Vanilla JavaScript 实现，没有基于 Angular 的 Web 应用程序的文档。

从他们在https://developers.freshchat.com/的文档

我需要在登陆页面上为匿名用户添加小部件，一旦用户登录，小部件应该有用户的最后一次对话，以便用户可以恢复他/她的查询。

https://developers.freshchat.com/#restore-user上显示的用于恢复用户对话的示例代码 非常令人困惑，因为我们应该在调用 init() 方法之前获取 restoreId，我认为如果我们不能这样做根据他们的文档，在关闭 index.html 文件中的 body 标记之前调用 init 方法。

请在这里帮助我，我如何在我的 Angular 应用程序中实现这个聊天小部件？

任何帮助将不胜感激。谢谢！

标签： javascriptangularangular5

解决方案

@Sushmit @Tzvi Gregory Kaidanov 您可以像下面的代码一样创建服务并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()

推荐阅读