uniapp 项目配置
本篇用于说明在 Uniapp 开发框架下如何使用配置自定义组件
rc-liveplayer
和rc-livepusher
,非 Uniapp 用户可略过。
安装依赖
# 安装 IMLib
npm i @rongcloud/engine@latest @rongcloud/imlib-next@latest -S
# 安装 RTCLib
npm i @rongcloud/plugin-wechat-rtc@latest -S
安装 RTCLib 会在项目根目录下生成 rcComponents
目录,该目录下包含了 rc-liveplayer
和 rc-livepusher
组件。
项目配置
-
修改
rcComponents
目录名,将目录重命名为wxcomponents
。 -
修改 Uniapp 项目根目录下的
pages.json
配置文件,在需要引入组件的 page 页面中增加配置。{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"mp-weixin": {
"usingComponents": {
"rc-livepusher": "/wxcomponents/rc-livepusher",
"rc-liveplayer": "/wxcomponents/rc-liveplayer",
}
}
}
}
],
}