Как внедрить SDK чата для клиентов Facebook Messenger в Nuxt, Vue? - PullRequest
Новая
       56

Как внедрить SDK чата для клиентов Facebook Messenger в Nuxt, Vue?

2 голосов
/ 12 марта 2020

я делал эту реализацию с помощью SDK чата Facebook Messenger в моем приложении Nuxt.

Решение 1 (сработало 0%): Я попробовал пакет https://www.npmjs.com/package/vue-fb-customer-chat, и он не сработал, сам сайт пакета не работает -.-! я импортирую его и использую как плагины и т. д. Я сделал в точности так, как было указано , я даже пытался использовать <VueFbCustomerChat /> и <vue-fb-customer-chat /> как дополнительные, но ничего не получается!

Решение 2 (отработано на 50%): Более того, я попытался использовать его как файл * stati c, создав файл stati c с именем fb-sdk.js и успешно развернув его: 

window.fbAsyncInit = function() {
  FB.init({
    xfbml: true,
    version: "v6.0"
  })
}
;(function(d, s, id) {
  var js,
    fjs = d.getElementsByTagName(s)[0]
  if (d.getElementById(id)) return
  js = d.createElement(s)
  js.id = id
  js.src = "https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js"
  fjs.parentNode.insertBefore(js, fjs)
})(document, "script", "facebook-jssdk")

My result here, after using it as a static file plugin

, но Я получил эту ошибку, когда начал общаться в чате: 

ErrorUtils caught an error:

a.substr is not a function. [Caught in: React reported an error]

Subsequent errors won't be logged; see https://fburl.com/debugjs.

Окно чата появилось и исчезло, оно перестало быть активным @@

Поэтому, пожалуйста, помогите мне добавить SDK для чата Facebook Messenger в Nuxt JS, есть пакет? пошаговое руководство?

1 Ответ

1 голос
/ 31 марта 2020

https://www.npmjs.com/package/vue-fb-customer-chat работает, но страница URL должна быть https, по этой причине она просто работает в рабочем режиме.

...