私はIntercomをReactJSアプリケーションに実装しようとしています。私は彼らのシングルページアプリケーションの指示に従ってきました。メッセージがユーザーに送信されない限り、右下の小さなインターコムボタンが表示されない問題があります(おそらく設計通りです)。 は常にと表示されています。私が最初に統合したとき、私はボタンを表示することができたし、ユーザとしてメッセージを送信することができましたが、コードを少し修正した後、私はそれを壊したようです。Intercom.js - インターコムボタンを常に表示
store.js
import createStore from 'redux';
export default createStore(...);
intercom.js
import store from './store';
const APP_ID = /* app id */;
/* the intercom JS library */
const updated = false;
window.onload =() => {
Intercom('boot', { app_id: APP_ID };
store.subscribe(() => {
if (typeof document === 'undefined') return;
const state = store.getState();
const currentUser = currentUserSelector(state);
if (currentUser && !updated) {
updated = true;
Intercom('update', {
email: currentUser.email,
user_id: currentUser.id,
name: `${ currentUser.firstName } ${ currentUser.lastName }`
});
}
});
}
と私は、アプリケーションの負荷で実行されたファイルのいずれかにrequire('intercom.js')
を持っている:私はこれまで持っていることです。
コンソールにエラーはありません.Intercom websocketは、Chromeの開発者に表示されます。コンソールが表示され、メッセージが受信されたときにクライアントが開きますが、ページが読み込まれたときに表示されることはありません。
ありがとうございます。
(これはリアクションアプリなので、これをリアクトとタグ付けしました。これはリアクションとは関係ないと思いますが、わからない副作用があるかもしれません)。