問題タブ [pusher-js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
378 参照

php - Laravel Echo との接続タイムアウト後にサポート チャットを閉じる

サポートチャットアプリケーションを構築しています。Pusher.js を介して Laravel Echo 上に構築されています。

サポート/管理者とクライアントの 2 つの側面があります。クライアントがチャットを開始すると、サポートはそれを受け入れることができ、一緒にチャットできます。正常に動作していますが、1 つだけ問題があります。クライアントがオフラインになると (ブラウザーを閉じる、サイトを離れる、インターネット接続が失われるなど)、(間違いではないことを確認するために) 数秒待ってから、チャットを閉じます。そのため、彼が約 1 時間後に戻ってきたとき、アクティブなチャットはありません。

簡単なコードを使用して、プレゼンス チャネルで両側のオンライン ステータスを確認しています。

サポート側では少し異なりますが、ロジックは同じです (心配する必要はありません。ユーザーidはデータベースからではなく id、一意の md5 識別子です)。

プレゼンス チャネルは正常に機能しています。しかし、インターネット上のどこにも見つからないのですが、connection_timeoutURL を設定するにはどうすればよいですか? ユーザーがオフラインになったとき、または接続が失われたときに Pusher.js がデータを投稿する URL である可能性があると思います-idたとえば、私のカスタムフィールド。冒頭で述べたように、ユーザーが誤ってオフラインになった場合、「クールダウン」が必要です。これは、ユーザーが応答できない場合にチャットを閉じるのに役立ちます。

同様の問題の経験はありますか?もしそうなら、どのように解決しましたか?または - Pusher.js で解決することさえ可能ですか?

0 投票する
4 に答える
2899 参照

reactjs - SecurityError: 操作は安全ではありません - React Heroku

create-react-app を使用して作成したアプリケーションをデプロイしようとしています。ローカルで問題なく動作します。しかし、Heroku にデプロイすると、次のエラーが表示されます。

SecurityError: The operation is insecure.

Pusher ライブラリを使用してリアクティブなメモ帳を作成していますが、heroku で正しくデプロイする方法がわかりません。Firefox、Chrome、Edge で試してみましたが、うまくいかないようです。

問題が /app/webpack/bootstrap にあることを示しています。

0 投票する
0 に答える
169 参照

laravel - Laravel + Vue.js Broadcasting Echo join プロパティが未定義

すべてのユーザーをオンラインとオフラインにするために、laravel と vue.js でチャネル ブロードキャストを使用しています。パッケージを正しくインストールし、laravel のドキュメントに従ってプッシャー パラメータを設定しました。

私のvueコンポーネントでは、関連するチャネルで誰がオンラインであるかを確認するために次のように書きました:

しかし、次のエラーが発生します:
作成されたフックでエラーが発生しました: "TypeError: window.Echo is undefined" "

Boostrap.js

0 投票する
1 に答える
1536 参照

php - Laravel Web ソケットと Chrome の「SameSite」属性

したがって、この sameSite ビジネスには多くの問題がありますが、 Laravel Websockets に関しては答えが見つかりません。これに関するドキュメントには何もありません。

そこで、ここで質問して、何かアイデアがあるかどうかを確認したいと思いました。

次の構成を検討してください。

彼らのドキュメントによると、彼らはプッシャーライブラリを使用していますが、実際にプッシャー Web サイトにヒットしたという兆候はありません。そして、それらはすべて偽物であるため、プッシャーの資格情報は必要ありません。

問題は簡単です:

http://support.pusher.com/のクロスサイト リソースに関連付けられた Cookieが、SameSite属性なしで設定されました。Chrome の今後のリリースでは、 と が設定されている場合にのみ、クロスサイト リクエストで Cookie を配信しSameSite=NoneますSecure。アプリケーション > ストレージ > Cookie の下の開発者ツールで Cookie を確認し、https://www.chromestatus.com/feature/5088147346030592およびhttps://www.chromestatus.com/feature/5633521622188032で詳細を確認できます

これは、スタックオーバーフロー全体です。

disableSatsとはい、websockets はまだ実行され、正常に動作しますが、最終的にはクロムは「いいえ」のようになります。したがって、これがプッシャー発行者なのか、laravel websockets の問題なのか、それとも何なのかわかりません。

私ができること、またはやろうとしていることについて、誰かアイデアはありますか? 上記の構成で設定を試みforceTLS: trueましたが、うまくいくようですが、Web ソケットが接続されません。

多くの機能を websocket に依存しているため、いつの日かアプリが機能しなくなるのではないかと心配しています。これは、何日もの調査とセットアップを必要としない、最も簡単で最高のライブラリの 1 つです。