python+onlyoffice+vue3项目实战20240722笔记，环境搭建和前后端基础代码

开发后端

先创建data目录，然后在data目录下创建一个test.docx测试文档。

后端代码：

import json
import req
import api
from api import middleware, PlainTextResponse


async def doc_callback(request):
    data = await api.req.get_json(request)
    print("callback === ", data)
    # status == 2 文档准备好被保存
    if data.get("status") == 2:
        req.download(data.get("url"), "data/test.docx")
    if data.get("status") == 6:
        req.download(data.get("url"), "data/test.docx")
    # status == 6 文档编辑会话关闭
    data = {
   "error": 0}
    return PlainTextResponse(json.dumps(data))


app = api.Api(
    routes=[
        api.resp.dir_route("/dist", "data"),
        api.resp.post("/callback", doc_callback),
    ],
)

if __name__ == "__main__":
    app.run(port=18888)

开发前端

执行命令：

pnpm create vite

安装依赖：

使用webstorm打开并配置启动项：

需要在index.html里面加上docserver的地址：

<script type="text/javascript"