由于疫情的影响，公司高层决定转战线上，最终实现线上线下的融合。线上的课程需要进行数据的分发，就研究学习了下Togetherjs。TogetherJs是Mozilla一个免费的开源的js框架，给网站提供交流功能。在你的网站加上TogetherJs，用户可以实时交流。网上一些资料都比较老了，但也有参考价值。我再结合自己的理解简单跟大家分享一下。 (可能写的有点乱，有不懂得可以下方留言)

    • github地址
    • 大家可以根据github上的步骤，一步一步安装使用

    image.png

    大家可以下载下来整体运行，TogetherJs 需要页面和 简单的服务端配合实现功能，ws实现分发机制。服务端代码在hub文件夹下。我实现了一个简单版的使用，文件目录如下：

    image.png

    • 快速开始
    1. <script>
    2.   // TogetherJS configuration would go here, but we'll talk about that
    3.   // later
    4. </script>
    5. <script src="https://togetherjs.com/togetherjs-min.js"></script>
    6. 和
    7. <button οnclick="TogetherJS(this); return false;">Start TogetherJS</button>
    8. 或引入jq
    9. <button id="start-togetherjs">Start TogetherJS</button>
    10. <script>
    11. $(function () {
    12.   $("#start-togetherjs").click(TogetherJS);
    13. });
    14. </script>
    • 点击按钮界面如下

    image.png

    如果想离线引用，请复制 https://togetherjs.com/togetherjs.js 中的代码至together.js中（小编就这么使用），hub文件夹就是官网的文件夹，package.json代码如下：

    1. {
    2.   "name": "server",
    3.   "version": "1.0.0",
    4.   "description": "",
    5.   "main": "hub/server.js",
    6.   "scripts": {
    7.     "test": "echo \"Error: no test specified\" && exit 1",
    8.     "start": "nodemon hub/server.js"
    9.   },
    10.   "dependencies": {
    11.     "websocket": "~1.0.7",
    12.     "websocket-server": "github:miksago/node-websocket-server#master"
    13.   },
    14.   "devDependencies": {
    15.     "optimist": "~0.6.0"
    16.   },
    17.   "keywords": [],
    18.   "author": "",
    19.   "license": "ISC"
    20. }
    • 配置自己本地的服务端地址
    1. //var defaultHubBase = "https://hub.togetherjs.com";
    2. var defaultHubBase="http://127.0.0.1:8080";

    ~ 未完待续