微信官方提供了视频号与小程序的跳转接口。通过在视频号后台设置,可以直接关联小程序,用户观看视频时点击即可跳转。
首先查找插件
进入插件市场:打开 HBuilderX 编辑器,点击菜单栏中的 “插件” -> “插件市场”,或者直接访问uni-app 插件市场官网 。 搜索插件:在插件市场的搜索框中输入关键词,查找本插件,比如搜索 “商城分类” 。 筛选插件:筛选出宠物商城分类插件。
第二步:安装插件
方式一:在 HBuilderX 中安装 在插件市场找到目标插件后,点击进入插件详情页。 点击 “使用 HBuilderX 导入插件” 按钮(如果是免费插件,直接导入;如果是付费插件,需要先购买 )。 选择要导入插件的 uni-app 项目,确认导入。导入成功后,插件会被放置在项目的 uni_modules 目录下。 方式二:通过命令行安装(适用于发布到 npm 的插件) 打开命令行工具,进入你的 uni-app 项目根目录。 执行 npm install 插件名称 命令,例如 npm install my-uniapp-plugin 。安装完成后,同样可以在项目的 uni_modules 目录下找到该插件。
3. 引入插件
4. 增加处理函数:"cardClick"
const cardClick = (item)=>{
wx.openChannelsActivity({
finderUserName: '替换为自己的finderUserName',
feedId: item.feedId,
success(res) {
console.log('拉起视频成功', res);
},
fail(res) {
console.log('拉起视频失败', res);
}
})
}