フィネスとの接続に xmpp.js ライブラリを使用しています https://github.com/xmppjs/xmpp.js/tree/main/packages/client
const { client, xml } = require("@xmpp/client");
const xmpp = client({
service: `finesse12.ucce.ipcc`,
domain: `finesse12.ucce.ipcc`,
username: "username",
password: "password"
});
xmpp.on('online', async function (address) {
await xmpp.send(xml("presence"));
});
xmpp.start().catch(console.error);
これにより、ノードで接続が正常に作成されますが、ブラウザーでこのパッケージを使用しようとすると、このエラーが発生します
オリジン 'http://localhost:8080' から 'https://finesse12.ucce.ipcc/.well-known/host-meta' でフェッチするためのアクセスは、CORS ポリシーによってブロックされました: いいえ 'Access-Control-Allow-要求されたリソースに Origin' ヘッダーが存在します。不透明な応答が必要な場合は、要求のモードを「no-cors」に設定して、CORS を無効にしてリソースをフェッチします。http.js:8 GET https://finesse12.ucce.ipcc/.well-known/host-meta net::ERR_FAILED 404 xe.resolve @ http.js:8 je @ resolve.js:9 (匿名) @ インデックス.js:11 (匿名) @ index.js:77 Ce.r.connect @ index.js:69 e.start @ index.js:212 (匿名) @ (index):53 エラー: 互換性のあるトランスポートが見つかりません。index.js:72:13 で
パッケージにはブラウザでもサポートされていると書かれているため、これをブラウザ側で実行するために欠けているもの