lucky_shop/components-diy/js/wechat-channel.js

import lang from '@/common/js/lang.js';

// 微信视频号组件配置
export const wechatChannelConfig = {
	// 图标相关
	icon: {
		defaultSize: 80, // 默认图标尺寸（rpx）
		smallSize: 60, // 小图标尺寸（rpx）
		channelArrowSize: 24, // 频道箭头图标尺寸（rpx）
		channelArrow: 'addon/personnel/shop/view/enterprise/arrow.png', // 频道箭头图标路径
	},


	// 视频相关配置
	video: {
		defaultHeight: 320, // 默认视频高度（rpx）
		minHeight: 200, // 最小视频高度（rpx）
		maxHeight: 500, // 最大视频高度（rpx）
		defaultCoverUrl: 'addon/personnel/shop/view/enterprise/default-video-cover.png', // 默认视频封面
	},

	// 播放按钮配置
	playButton: {
		size: 80, // 标准尺寸（rpx）
		smallSize: 60, // 小尺寸（rpx）
		iconSize: 40, // 标准图标尺寸（rpx）
		smallIconSize: 30, // 小图标尺寸（rpx）
		background: 'rgba(0, 0, 0, 0.4)', // 背景颜色
	},

	// 布局配置
	layout: {
		borderRadius: 12, // 圆角（rpx）
		padding: 16, // 内边距（rpx）
		margin: 10, // 外边距（rpx）
	},

	// 字体配置
	font: {
		channelNameSize: 28, // 频道名称字体大小（rpx）
		videoTitleSize: 28, // 视频标题字体大小（rpx）
		statsSize: 24, // 统计信息字体大小（rpx）
	},

	// 颜色配置
	color: {
		channelName: '#333', // 频道名称颜色
		videoTitle: '#333', // 视频标题颜色
		stats: '#999', // 统计信息颜色
		border: '#f0f0f0', // 边框颜色
	},

	// 微信相关配置
	wechat: {
		minSdkVersion: '2.19.2', // 最小微信基础库版本
		embedComponent: 'channel-video', // 嵌入式视频组件名称
	},

	// 错误提示配置
	error: {
		notWechat: 'wechatChannel.notWechat',
		lowVersion: 'wechatChannel.lowVersion',
		notSupported: 'wechatChannel.notSupported',
		missingFields: 'wechatChannel.missingFields',
	},
};

// 获取配置项的辅助函数
export const getwechatChannelConfig = (key, defaultValue = null) => {
	const keys = key.split('.');
	let config = wechatChannelConfig;

	for (const k of keys) {
		if (config[k] === undefined) {
			return defaultValue;
		}
		config = config[k];
	}

	return config;
};

// 微信视频号工具函数
export const wechatChannelUtil = {
	// 版本比较
	versionCompare(v1, v2) {
		const arr1 = v1.split('.');
		const arr2 = v2.split('.');
		for (let i = 0; i < Math.max(arr1.length, arr2.length); i++) {
			const num1 = parseInt(arr1[i] || 0);
			const num2 = parseInt(arr2[i] || 0);
			if (num1 > num2) return 1;
			if (num1 < num2) return -1;
		}
		return 0;
	},

	// 检查是否支持嵌入式播放
	isEmbedModeSupported() {
		return typeof wx !== 'undefined' && wx.canIUse(wechatChannelConfig.wechat.embedComponent);
	},

	// 获取默认视频封面
	getDefaultCoverUrl() {
		return wechatChannelConfig.video.defaultCoverUrl;
	},

	// 数据校验
	validateVideoData(item) {
		const requiredFields = ['feedId', 'finderUserName'];
		for (const field of requiredFields) {
			if (!item[field]) {
				throw new Error(lang.lang(wechatChannelConfig.error.missingFields, { field }));
			}
		}
		return true;
	},

	// 播放视频
	playVideo(item) {
		return new Promise((resolve, reject) => {
			try {
				// 数据校验
				this.validateVideoData(item);
			} catch (err) {
				this.handleError(err, item);
				reject(err);
				return;
			}

			// 检查微信环境
			if (typeof wx === 'undefined') {
				const err = new Error(lang.lang(wechatChannelConfig.error.notWechat));
				this.handleError(err, item);
				reject(err);				
				return;
			}

			// 检查基础库版本
			const systemInfo = wx.getSystemInfoSync();
			const SDKVersion = systemInfo.SDKVersion;
			if (this.versionCompare(SDKVersion, wechatChannelConfig.wechat.minSdkVersion) < 0) {
				const err = new Error(lang.lang(wechatChannelConfig.error.lowVersion));
				this.handleError(err, item);
				reject(err);
				return;
			}

			// 调用微信视频号播放API
			if (wx.openChannelsActivity) {
				wx.openChannelsActivity({
					feedId: item.feedId,
					finderUserName: item.finderUserName,
				success: (res) => {
					resolve(res);
					},
					fail: (err) => {
						this.handleError(err, item);
						reject(err);
					}
				});
			} else {
				const err = new Error(lang.lang(wechatChannelConfig.error.notSupported));
				this.handleError(err, item);
				reject(err);
			}
		});
	},

	// 统一错误处理
	handleError(err, item) {
		console.error('微信视频号错误:', err);
		const { message = '', errMsg = lang.lang('wechatChannel.playFailed'), errCode = -1 } = err;

		// 错误码5: 表示用户点击了取消. openChannelsActivity:fail cancel
		if ([5].includes(errCode)) {
			return;
		}

		const showErrorToast = (otherMsgs = []) => {
			uni.showToast({
				title: [errMsg, message,...otherMsgs].join('\n'),
				icon: 'none',
				duration: 2000
			});
		}
		showErrorToast();
	}
};