如何將ByteBuffer轉換爲Scala.js中的BodyInit？

Question

我想在Scala.js中使用sendBeacon API並以ByteBuffer的形式發送二進制數據，但我無法將其轉換爲BodyInit。我使用的是boopickle，它生成一個包含我的實例的編碼數據的二進制文件ByteBuffer。

如上所述，我試圖將ByteBuffer轉換爲ArrayBuffer並將其轉換爲BodyInit。但是，在Firefox 53.0.3上運行此代碼時，我沒有收到運行時錯誤，而是有效負載僅包含[object ArrayBuffer]，而不包含二進制數據本身。

下面的代碼：

import scala.scalajs.js.typedarray.TypedArrayBufferOps._ 
import boopickle.Default._ 
import org.scalajs.dom.experimental.BodyInit 
import org.scalajs.dom.experimental.beacon._ 

case class Message(firstName: String, lastName: String) 
val message = Message("John", "Doe") 
val data = Pickle.intoBytes(message).arrayBuffer() 
dom.window.navigator.sendBeacon("/api", data.asInstanceOf[BodyInit]) 

Answer 1

TL;博士做此代替：

val data = Pickle.intoBytes(message).typedArray() 
dom.window.navigator.sendBeacon("/api", data.asInstanceOf[BodyInit]) 

您應該使用typedArray()而不是arrayBuffer()，因爲ArrayBuffer是更低層次的構造，它在Mozilla中不被sendBeacon接受（它接受ArrayBufferView）。

另請注意，arrayBuffer()本身在ByteBuffer上通常沒有意義，因爲ByteBuffer可能只表示底層緩衝區的一部分。您還需要使用arrayBufferOffset()。

Answer 2

在Scala.js，直接的ByteBuffers由TypedArrays支持。

因此，當你分配你的ByteBuffer，確保它是直接的：

val buf = ByteBuffer.allocateDirect(1024) 

然後，您可以使用TypedArrayBufferOps來訪問底層TypedArray：

import scala.scalajs.js.typedarray.TypedArrayBufferOps._ 
sendBeacon("http://foo.bar/", buf.typedArray)