友米SCRM
  1. (栏目系统)系统设置文档
友米SCRM
  • 技术文档
    • (栏目系统)系统设置文档
      • SDK小程序对接与使用说明
      • SDK小程序对接说明-uni-app(vue2)
      • SDK小程序对接说明-uni-app(vue3)
      • SDK小程序对接说明-原生小程序
  1. (栏目系统)系统设置文档

SDK小程序对接说明-uni-app(vue2)

SDK小程序对接说明-uni-app(vue2)
#

一、manifest.json添加小程序配置项:#

"componentPlaceholder": {
    "cloud-player": "view"
}
示例图如下:
image.png

二、pages.json中globalStyle添加小程序配置项:#

"usingComponents": {
    "cloud-player": "plugin://cloudPlayer/player"
}
示例图如下:
image.png

三、新增子包和中间页#

小程序pages同级目录新增langSub子包目录
新增langSub子包页pages/lmapp/play
示例图如下:
image.png

四、pages.json中subPackages添加子包配置项#

{
    "root": "langSub",
    "pages": [
        {"path": "pages/lmapp/play"}
    ],
    "plugins": {
        "cloudPlayer": {
            "version": "0.1.5",
            "provider": "wx116d0dd5e6a39ac7"
        }
    }
}
示例图如下:
image.png

五、执行打包命令#

六、合并langSub目录#

打开编译后的小程序目录
将SDK中langSub目录与小程序目录中langSub目录进行合并
示例图如下:
image.png
小程序目录app.json新增SDK内置页pages/lmapp/index配置
示例图如下
image.png
打开微信开发者工具,检查是否运行正常

七、进阶操作-使用脚本#

第六步可以使用脚本或插件来合并代码
vue2-sdk-demo使用了插件功能可以作为参考
具体脚本或插件本实现请结合实际项目完成
修改于 2025-11-10 08:07:43
上一页
SDK小程序对接与使用说明
下一页
SDK小程序对接说明-uni-app(vue3)
Built with