とりあえずgoでwebSoketを試してみる

[yasuto2002]

やりたいこと

• とりあえずgoでwebsoketを書いてみてnuxtからアクセスしてみる

[yasuto2002]

脳死でとりあえず動かしてみる

https://zenn.dev/tady/articles/adcdc65617ae57

を参考にwebsocketを実装

デフォルトパッケージのwebsocket

https://pkg.go.dev/golang.org/x/net/websocket

[yasuto2002]

websocket自体は動くように

[yasuto2002]

nuxt3でwebsocketしたい

https://github.com/theturtle32/WebSocket-Node

使えない?

<script lang="ts" setup>
import * as WebSocket from "websocket";
const socket = new WebSocket.w3cwebsocket("ws://localhost:80/ws");
</script>

__vite_ssr_import_1__.w3cwebsocket is not a constructor

が出る

• importで使うのは無理っぽい

調査

• 「nuxt3 websoket」はsocket.ioしか出てこない
• デフォルトのwebsocketAPIでやるしかない？ https://developer.mozilla.org/ja/docs/Web/API/WebSocket

vueの中ではwebSocketAPIは使えない

• onMountedの中でjsを書くことによって回避

  
  <script setup>

onMounted( () => { const config = useRuntimeConfig() const ws = new WebSocket(config.socket) ws.onopen = function () { console.log("接続が開かれたときに呼び出されるイベント"); }; ws.onmessage = function (event) { console.log(event.data) }; function send() { let send_msg = "aaaa" ws.send(send_msg); } })

## 接続自体は可能に
<img width="1353" alt="スクリーンショット 2022-12-09 10 31 31" src="https://user-images.githubusercontent.com/77332271/206602621-22600e50-ee29-4025-848f-6024d975d8b9.png">

[yasuto2002]

改善できる？

• ライブラリ使えないとnuxt3でwebSocketのエンドポイントごとにWebSocketAPIをインスタンス化させないといけないかも
• もう少し良い方法がありそう
  • goでsocket.ioを互換してくれているライブラリを使う->クライアントサイドのバージョンを下げる必要がある
  • 新しいライブラリを探す？
  • 使えなかったライブラリを粘ってみる
• ->とりあえずwebsocketAPIで実装して後で良い案があればそれで実装し直す

[yasuto2002]

8 へ