Настройка белой метки
Функциональность белой метки доступна исключительно для пользователей с годовой подпиской. Свяжитесь с нашей службой поддержки через Telegram, чтобы получить код разблокировки после покупки годового плана.
Функция белой метки позволяет настроить брендинг TikMatrix в соответствии с корпоративной идентичностью вашей компании. Вы можете изменить название приложения, логотип и информацию о бренде, чтобы создать персонализированную версию TikMatrix.
Функции
Основные настройки
- Название приложения: Настройка отображаемого названия приложения
- Загрузка логотипа: Загрузите свой основной логотип (рекомендуется 128x128px)
- Фавикон: Установка пользовательского фавикона для приложения
Настройки бренда
- Email поддержки: Адрес электронной почты службы поддержки клиентов
- URL обучения: Ссылка на пользовательские обучающие материалы/документацию
- URL Telegram: Установка ссылки на вашу группу или канал Telegram
Переключатели функций
- Показать ссылку на обучение: Управление видимостью ссылки на обучение
- Показать информацию о бренде: Управление отображением информации о бренде
Методы настройки
Метод 1: Настройка через интерфейс
- Запустите приложение TikMatrix
- Нажмите на значок палитры 🎨 в заголовке окна
- Настройте параметры в диалоге настроек белой метки:
- Название приложения: Введите название вашего приложения
- Основной логотип: Загрузите файл логотипа (PNG/JPG, рекомендуется 128x128px)
- Email поддержки: Введите адрес электронной почты службы поддержки
- URL обучения: Введите URL ваших обучающих мате риалов
- URL Telegram: Введите ссылку на вашу группу/канал Telegram
- Переключатели функций: Включите/отключите отображение ссылок на обучение и информации о бренде
- Нажмите "Сохранить" для применения настроек
Метод 2: Файл конфигурации
-
Скопируйте пример файла конфигурации:
cp examples/whitelabel-config.json src/config/whitelabel-custom.json
-
Отредактируйте файл конфигурации:
{
"appName": "Название вашего приложения",
"logo": {
"main": "/path/to/your/logo.png",
"favicon": "/path/to/your/favicon.ico"
},
"brand": {
"supportEmail": "[email protected]",
"tutorialUrl": "https://yourcompany.com/docs",
"telegramUrl": "https://t.me/yourgroup"
},
"features": {
"showTutorialLink": true,
"showBrandInfo": true
}
} -
Сохраните файл и перезапустите приложение
Метод 3: Инструмент командной строки
-
Перейдите в директорию проекта:
cd tiktok-matrix
-
Запустите инструмент конфигурации:
node scripts/whitelabel-config.js
-
Следуйте подска зкам для пошаговой настройки каждого параметра
Сборка пользовательской версии
1. Подготовка файлов ресурсов
# Поместите файлы логотипов в правильные места
src/assets/your-logo.png # Основной логотип
public/your-favicon.ico # Веб-фавикон
src-tauri/icons/ # Иконки приложения (различные размеры)
2. Настройка параметров сборки
Используйте инструмент командной строки или отредактируйте конфигурацию вручную:
# Использование инструмента командной строки
node scripts/whitelabel-config.js
# Или ручное редактирование
src/config/whitelabel-build.json
3. Сборка приложения
# Режим разработки
npm run dev
# Продуктивная сборка
npm run build
# Сборка приложения Tauri
npm run tauri build
Приоритет конфигурации
Система использует следующий порядок приоритета для конфигурации:
- Конфигурация времени выполнения:
whitelabel_config
в LocalStorage браузера - Конфигурация сборки:
src/config/whitelabel-build.json
(используется при сборке) - Пример конфигурации:
examples/whitelabel-config.json
- Конфигурация по умолчанию: Встроенные значения по умолчанию
Требования к логотипу
Основной логотип
- Формат: PNG, JPG или SVG
- Размер: 128x128px (рекомендуется)
- Фон: Прозрачный (для PNG)
- Использование: Заголовок, экран загрузки, диалог "О программе"
Фавикон
- Формат: ICO или PNG
- Размер: 32x32px или 16x16px
- Использование: Вкладка браузера, иконка окна
Иконки приложения (для сборок)
- Форматы: PNG, ICO, ICNS
- Размеры: 32x32, 128x128, 256x256, 512x512
- Расположение: директория
src-tauri/icons/
Интеграция API
JavaScript API
import {
getWhiteLabelConfig,
saveWhiteLabelConfig,
resetWhiteLabelConfig,
validateWhiteLabelConfig
} from './config/whitelabel.js';
// Получить текущую конфигурацию
const config = getWhiteLabelConfig();
// Сохранить новую конфигурацию
saveWhiteLabelConfig(newConfig);
// Сбросить к значениям по умолчанию
resetWhiteLabelConfig();
// Проверить конфигурацию
validateWhiteLabelConfig(config);
Утилитарные функции
import {
initWhiteLabel,
updateDocumentTitle,
updateFavicon
} from './utils/whitelabel.js';
// Инициализация белой метки при запуске приложения
initWhiteLabel();
// Обновить заголовок документа
updateDocumentTitle('Название вашего приложения');
// Обновить фавикон
updateFavicon('/path/to/favicon.ico');