实战

首先，我们可以打开https://maomincoding.gitee.io/strvejs-doc/zh/tool/#create-strve-app这个网址。

然后，我们直接用 Create Strve App 来搭建 Strve 项目，我们这里选择yarn，因为我们要开发一款简单的单页面应用，所以这里暂时用不到 Strve Router，我们选用 strve 模板。

最后，搭建项目完成。

我们打开编辑器，项目结构是不是非常清爽。

上面提到，我们只是开发一款单页面应用，所以可以把多余文件删除掉，最后项目文件结构是这样。

下面，我们只需要关心 App.js 和 app.css 这两个文件就可以。

我们先看一下App.js。

WebSocket 服务大家也可以参考一下。

const ws = require('nodejs-websocket');
const server = ws.createServer((conn) => {
 conn.on('text', (str) => {
  broadcast(str);
 });
 conn.on('error', (err) => {
  console.log(err);
 });
});
server.listen(3000, function () {
 console.log('open');
});
// 群发消息
function broadcast(data) {
 server.connections.forEach((conn) => {
  conn.sendText(data);
 });
}

最后，我们打包部署一下。

项目一览

项目部署到线上了效果

项目地址：

https://github.com/maomincoding/strve