我正在使用用wasm-pack构建的wasm_bindgen。我有一个暴露给JS的Rust函数:
#[wasm_bindgen]
pub async fn validate_registration_token(backend_api_domain: String, token: String) -> Result<JsValue, JsValue> {
console::log_1(&"backend_api_domain=".clone().into());
console::log_1(&backend_api_domain.clone().into());
console::log_1(&"token=".clone().into());
console::log_1(&backend_api_domain.clone().into());
let api_endpoint_get_guest_info = format!(
"{backend_api_domain}/weddings/{token}/guests/registration/{registration_token}",
backend_api_domain = backend_api_domain.clone(),
token = token.clone(),
registration_token = registration_token.clone()
);
console::log_1(&api_endpoint_get_guest_info.clone().into());
let res = reqwest::Client::new()
.get(&api_endpoint_get_guest_info)
.send()
.await
.unwrap();
let text = res.text().await.unwrap();
let promise = js_sys::Promise::resolve(&true.into());
let result = wasm_bindgen_futures::JsFuture::from(promise).await.unwrap();
Ok(result)
}
在HTML / JavaScript中,我称为Rust函数:
<button
type="button"
class="btn submit"
onclick="wam.validate_registration_token('http://localhost:80', 'mytoken')">
Send
</button>
启动应用程序时,单击Send
按钮将调用我的Rust函数,但两个String
参数似乎都是空白/缺失。
这是上面函数的控制台跟踪:
backend_api_domain=
token=
/weddings//guests/registration/AAAA
我不确定我在做什么错。是否应该更改从JavaScript调用Rust函数的方式?
终于设法解决了这个问题!感谢用户Pauan的帮助,以防锈。我的错误是无法在JS中正确初始化WASM。
await init('./ front_bg.wasm')的返回值是原始WebAssembly导出(通常不应使用),而./front.js模块将这些导出包装起来,以便它们可以正常工作,因此您必须使用./front.js中定义的函数,而不是从init返回的函数
参见https://discordapp.com/channels/442252698964721669/443151097398296587/693385649750933564
将HTML中的脚本标记更改为以下标记:
import init, * as wam from './front.js';
const run = async () => {
await init('./front_bg.wasm');
window.wam = wam;
};
run();
谢谢 !
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句