更新记录

1.0.0（2025-08-25） 下载此版本

1.初始化视频列表，调整视频列表样式为流式布局； 2.实现点击单个卡片跳转到对应视频号；

平台兼容性

uni-app(4.07)

uni-app x(4.07)

# 小程序对接视频号

开发文档参考：https://hx.dcloud.net.cn

本示例使用步骤：

1. 查找插件 进入插件市场：打开 HBuilderX 编辑器，点击菜单栏中的 “插件” -> “插件市场”，或者直接访问uni-app 插件市场官网 。 搜索插件：在插件市场的搜索框中输入关键词，查找本插件，比如搜索 “小程序对接视频号” 。 筛选插件：筛选出小程序对接视频号插件。
2. 安装插件 方式一：在 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);
        }
    })
}

5. 在入口文件添加静态数据，也可根据项目实际情况从后台获取商品信息数据，并将feedId替换成自己的视频feedId，详见示例demo
6. 修改manifest.json替换为自己的appid