Офлайн-установка Qwen LLM через OpenRouter API

Настройка Qwen LLM через OpenRouter – Локальная Интеграция в Браузере — Визуальное Руководство по Запуску Qwen LLM

Визуальная настройка Qwen LLM через OpenRouter

Не тратьте время на развертывание в облаке или сложные бэкенд-фреймворки для языковых моделей — Qwen LLM через OpenRouter позволяет запускать мощные языковые модели локально или в легких браузерных проектах с быстрой интеграцией. Вот как запустить всё с помощью API-ключа и простого HTML.

🔗 Доступ к Qwen на OpenRouter: https://openrouter.ai

🔧 Пошаговая инструкция по настройке

1. Создайте аккаунт
Перейдите на openrouter.ai и зарегистрируйтесь — вы получите доступ к выбору моделей, генерации API-ключа и мониторингу использования.

2. Выберите модель Qwen
На вкладке моделей найдите Qwen и выберите одну из доступных бесплатных версий.
Пример: Qwen: Qwen3 30B A3B (free)

3. Сгенерируйте свой API-ключ
Перейдите в раздел API вашего аккаунта и создайте новый API-ключ.
Этот ключ будет использоваться для авторизации при вызове модели.

4. Скопируйте ID модели
Переключитесь на вкладку TypeScript внизу API-раздела.
Найдите и скопируйте внутреннее название модели, например:
qwen/qwen3-30b-a3b:free

💻 Пример использования API в HTML-приложении

<!-- HTML-чатбот на базе Qwen -->
<script>
  async function sendMessage() {
    const input = document.getElementById('userInput').value;
    const responseDiv = document.getElementById('response');
    if (!input) return responseDiv.innerHTML = 'Введите сообщение';

    responseDiv.innerHTML = 'Загрузка...';
    try {
      const response = await fetch('https://openrouter.ai/api/v1/chat/completions', {
        method: 'POST',
        headers: {
          Authorization: 'Bearer ВСТАВЬТЕ_СВОЙ_API_КЛЮЧ',
          'HTTP-Referer': 'https://yourdomain.ru/',
          'X-Title': 'Your App',
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({
          model: 'qwen/qwen3-30b-a3b:free',
          messages: [{ role: 'user', content: input }],
        }),
      });
      const data = await response.json();
      const markdownText = data.choices?.[0]?.message?.content || 'Нет ответа';
      responseDiv.innerHTML = marked.parse(markdownText);
    } catch (error) {
      responseDiv.innerHTML = 'Ошибка: ' + error.message;
    }
  }
</script>

📂 Скопируйте этот код в файл index.html, вставьте ваш API-ключ и ID модели, и откройте в браузере или редакторе типа Visual Studio Code.

🛠️ Что можно сделать с этим

Запускать фронтенды чат-ботов
Создавать расширения с вводом на естественном языке
Разрабатывать локальные среды для тестирования промтов
Прототипировать инструменты на базе Qwen без серверной части

Теперь вы можете экспериментировать с неограниченным бесплатным API-ключом — быстро, удобно и без лишних настроек.

Repost

Yum