我主要還是一個后端的碼農(nóng)赡麦，那么Nodejs可以作為一個后端的容器,WebAssembly放到里面去執(zhí)行堪遂。
正好也可以放到Serverless中秩冈。Faas免費多多的。
Express
我們在項目跟目錄中創(chuàng)建一個文件夾
$ mkdir express
$ cd express
通過 npm init 命令為你的應用創(chuàng)建一個 package.json 文件沃测。
$ npm init
{
"name": "wasm_express",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"express": "^4.17.1"
}
}
接下來在 express 目錄下安裝 Express 并將其保存到依賴列表中缭黔。如下：
$ npm install express --save
創(chuàng)建index.js 文件，然后輸入
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => {
res.send('Hello World!')
})
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`)
})
然后運行一下
$ node index.js
[圖片上傳失敗...(image-ed1c6a-1620384413767)]
我們訪問一下蒂破。
[圖片上傳失敗...(image-ba7f85-1620384413768)]
那么我們接著去更新一下我們的wasm馏谨，增加一個函數(shù)，接收一個字符串附迷，然后接著返回一個字符串惧互。
修改rust
由于我們已經(jīng)不使用alert了。
那么我們我們需要修改下say的代碼
#[wasm_bindgen]
pub fn say(s: String) -> String {
let r = String::from("hello ");
return r + &s;
}
編譯
$ wasm-pack build --target nodejs
一定要加上 --target nodejs
修改JS
然后我們繼續(xù)改造一下index.js
const { say } = require('../pkg/hello_wasm.js');
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => {
let hello = say('I love you');
res.send(hello)
})
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`)
})
然后再次運行
得到結果
[圖片上傳失敗...(image-219154-1620384413768)]
很不錯哦喇伯。
然后我們再搞一點騷操作喊儡。我想以后是動態(tài)加載的。
say 是否可以放到過程里面去稻据？艾猜？通過作用域自動把這個say給釋放掉。
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => {
let { say } = require('../pkg/hello_wasm.js');
let hello = say('I love you');
res.send(hello)
})
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`)
})
很好是可以的捻悯。
我查找資料的過程中匆赃，我們發(fā)現(xiàn)可以直接調用不需要生成js！今缚！
// wasm 方式
const fs = require('fs');
const buf = fs.readFileSync('../pkg/hello_wasm_bg.wasm');
const lib = WebAssembly.instantiate(new Uint8Array(buf)).
then(res => {
for (var i=1;i<=10;i++) {
console.log("The factorial of "+i+" = "+res.instance.exports.fact(i))
}
}
);
明天根據(jù)這種方式去測試一下算柳。
