小程序插件

 
????"plugins":?{
????????...
????????"tcic-plugin":?{
??????????"version":?"1.8.0",?//?使用的插件版本
??????????"provider":?"wxbc2aedd3838d78cd",?//?插件小程序appid
??????????"export":?"tcicPluginConfig.js", // 插件可接收的参数配置信息
??????????"genericsImplementation":?{
????????????"interactive":?{ // 支持您的小程序中组件覆盖插件的模块，从而实现自定义
??????????????"interactive-class-info":?"components/live/interactive-class-info"
????????????}
??????????}
????????}
????????...
??????},

    //?tcicPluginConfig.js
    const?app?=?getApp();
    
    module.exports?=?{
    ??setValue:?app.setValue,?//?用于传递IM消息
    ??loginUrl:?'/pages/index/login',?//?小程序登录页地址  [业务侧自行实现]
    ??homeUrl:?'/pages/index/home',?//?小程序首页地址 [业务侧自行实现]
    ??Config:?{?//?页面内可配置项
    ????LIVE:?{
    ??????MAX_TEXT_NUM:?200,?//?IM文本最大长度
    ??????QUICK_INPUT_TEXTS:?[],
    ??????RECORD_TIPS:?'您可以到课程列表中查看回放',?//?课程结束有回放时的提示内容
    ????},
    ????IMG:?{
    ??????MAX_SIZE:?20?*?1024?*?1024,?//?图片大小?20MB
    ????},
        ENABLE_TROPHY: true, // 是否启用奖励特效 [1.7.19新增特效]
    ? ? HIDE_USER_LIST_BAR: false, // 隐藏用户列表栏 [1.7.12支持]
? ?     ORIENTATION: 'portrait', // 横屏或竖屏打开，其他可选值landscape [1.7.8支持]
    ? ? NAV_TITLE: '实时互动-教育版', // 导航栏标头，可为空字符串
? ?     VIDEO_WATER_MARK: '', // 视频左上角水印，可为空字符串
    ??},
    };

// app.js
?
const events = new Map();
App({
  onLaunch() {},
  onShow() {},
  ...
  // setValue 需要从小程序app 里面传递给插件
  setValue(key, data) {
    const value = events.get(key);
    if (Array.isArray(value)) {
      value.forEach((e) => {
        const callback = e.callback;
        callback(data);
      });
    }
  });

?
//?参考代码片段时，接入方需要额外注意的地方
// 1、app.js中上挂载setValue,setWatching,unsetWatching
?
// 2、utils上挂载formatTimeStamp
?
// 3、缓存参数
wx.setStorageSync('classid',?info.classid);
wx.setStorageSync('userid',?info.userid);
wx.setStorageSync('token',?info.token);
wx.setStorageSync('classmode',?info.type);??//?interactive
wx.setStorageSync('nickname',?info.username);
?
// 4、配置request白名单
// https://tcic-api.qcloudclass.com;
// https://tcic-demo.qcloudclass.com;
// * 2022年12月之后接入业务不需要以下配置
// https://tcic-api.qcloudtiw.com;
// https://tcic-demo.qcloudtiw.com;
// https://tcic-demo-login.qcloudclass.com;
?
// 5、直播简介
// components/live/class-info.js?修改?getClassInfo
// 6、分享内容配置
// components/live/class-info.js?修改?tcicPlugin.setShareInfo
// 7、直播画面水印配置
// components/live/class-info.js?修改?tcicPlugin.setValue('watermark',?{...})
?

?
//?按钮形式
<navigator?url="plugin://tcic-plugin/interactive">
    跳转到课中页面
</navigator>
?
//?API跳转
?goToLiveRoom?()?{
??//?组装必传参数
??const?params?=?{
????classid:?222,
????userid:?'xxx',
????token:?'yyy',
????type:?'interactive'?// type值为 interactive 或者 live
??};
??//?后续代码无需更改
??const?arr?=?[];
??for?(const?[key,?val]?of?Object.entries(params))?{
????arr.push(`${key}=${val}`);
??}
??const?url?=?`plugin://tcic-plugin/${parms.type}?${arr.join('&')}`;
??wx.navigateTo({
????url,
??});