Commit 77d305
2026-09-30 09:53:58 Ansay: Статья без скринов| /dev/null .. инструкции/смартфоны/happ-android.md | |
| @@ 0,0 1,180 @@ | |
| + | <div style="background:linear-gradient(135deg,#111827 0%,#1e3a5f 100%);color:#ffffff;padding:40px 32px;border-radius:16px;margin-bottom:32px;"> |
| + | <div style="display:flex;align-items:center;gap:18px;margin-bottom:18px;"> |
| + | <img src="https://play-lh.googleusercontent.com/dz5lnFqgq_K3ts3q2v47ynpTGwCPv7fceisG-_FUqatl19Vgejy-KFGlKwXfxETyAZrutA_wBYaQ-KNINodVqQ=w240-h480-rw" alt="Иконка HAPP" style="width:76px;height:76px;object-fit:cover;border-radius:16px;flex-shrink:0;"> |
| + | <div> |
| + | <div style="font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#93c5fd;margin-bottom:8px;">NEXORA WORLD</div> |
| + | <h1 style="font-size:30px;line-height:1.2;margin:0;color:#ffffff;">Настройка HAPP</h1> |
| + | </div> |
| + | </div> |
| + | <p style="font-size:16px;line-height:1.7;color:#dbeafe;max-width:700px;margin:0;"> |
| + | Пошаговая инструкция по установке приложения, добавлению VPN-подписки и подключению к серверу на смартфонах и планшетах Android. |
| + | </p> |
| + | </div> |
| + | |
| + | <div style="padding:20px 22px;border-radius:12px;background:#1e3a5f;border:1px solid #31547c;border-left:4px solid #3b82f6;color:#e5e7eb;margin-bottom:28px;"> |
| + | <h3 style="margin:0 0 10px;color:#ffffff;">Что понадобится</h3> |
| + | <ul style="margin:0;padding-left:22px;line-height:1.8;color:#dbeafe;"> |
| + | <li>Смартфон или планшет на Android.</li> |
| + | <li>Подключение к интернету.</li> |
| + | <li>Ссылка на VPN-подписку или QR-код полученный у нас.</li> |
| + | </ul> |
| + | </div> |
| + | |
| + | <h2 style="margin:32px 0 18px;color:#e5e7eb;">1. Установка приложения</h2> |
| + | |
| + | <p style="color:#cbd5e1;line-height:1.7;">Для начала установите HAPP на своё устройство. Рекомендуемый способ — через Google Play.</p> |
| + | |
| + | <div style="display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 24px;"> |
| + | <a href="https://play.google.com/store/apps/details?id=com.happproxy" style="box-sizing:border-box;display:block;flex:1 1 200px;text-align:center;padding:15px 18px;border-radius:9px;background:#1e3a5f;border:1px solid #3b82f6;color:#bfdbfe;text-decoration:none;font-weight:bold;">Скачать в Google Play →</a> |
| + | <a href="https://github.com/Happ-proxy/happ-android/releases/latest/download/Happ.apk" style="box-sizing:border-box;display:block;flex:1 1 200px;text-align:center;padding:15px 18px;border-radius:9px;background:#2b3038;border:1px solid #414955;color:#e5e7eb;text-decoration:none;font-weight:bold;">Скачать APK →</a> |
| + | </div> |
| + | |
| + | <ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;"> |
| + | <li>Откройте Google Play по кнопке выше.</li> |
| + | <li>Нажмите «Установить».</li> |
| + | <li>Дождитесь завершения установки.</li> |
| + | <li>Нажмите «Открыть» или найдите HAPP среди приложений.</li> |
| + | </ol> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №1 — Установка HAPP</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот страницы HAPP в Google Play. На изображении должна быть видна кнопка «Установить» или «Открыть».</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №1</div> |
| + | </div> |
| + | |
| + | <h2 style="margin:32px 0 18px;color:#e5e7eb;">2. Первый запуск</h2> |
| + | |
| + | <p style="color:#cbd5e1;line-height:1.7;">После установки откройте HAPP. На главном экране будут отображаться добавленные конфигурации и состояние подключения.</p> |
| + | |
| + | <ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;"> |
| + | <li>Запустите приложение HAPP.</li> |
| + | <li>Ознакомьтесь с главным экраном.</li> |
| + | <li>Найдите элемент добавления подписки или конфигурации.</li> |
| + | </ol> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №2 — Главный экран HAPP</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот главного экрана приложения после первого запуска. Желательно показать кнопку или меню добавления подписки.</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №2</div> |
| + | </div> |
| + | |
| + | <h2 style="margin:32px 0 18px;color:#e5e7eb;">3. Добавление подписки</h2> |
| + | |
| + | <p style="color:#cbd5e1;line-height:1.7;">Подписка содержит данные, необходимые для подключения к VPN. Её можно добавить по ссылке или QR-коду, если такой способ поддерживается вашим вариантом HAPP.</p> |
| + | |
| + | <h3 style="margin:24px 0 12px;color:#ffffff;">Добавление по ссылке</h3> |
| + | |
| + | <ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;"> |
| + | <li>На главном экране нажмите кнопку добавления — обычно она обозначена значком «+» или находится в меню.</li> |
| + | <li>Выберите добавление подписки по ссылке.</li> |
| + | <li>Вставьте ссылку, которую выдал ваш VPN-провайдер.</li> |
| + | <li>Подтвердите добавление.</li> |
| + | </ol> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №3 — Кнопка добавления</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот главного экрана HAPP. Выделить кнопку «+» или другой элемент, через который добавляется подписка.</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №3</div> |
| + | </div> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №4 — Ввод ссылки</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот окна добавления подписки, где вводится ссылка. Перед публикацией замазать ссылку и все личные данные.</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №4</div> |
| + | </div> |
| + | |
| + | <h3 style="margin:24px 0 12px;color:#ffffff;">Добавление по QR-коду</h3> |
| + | |
| + | <p style="color:#cbd5e1;line-height:1.7;">Если провайдер выдал QR-код, выберите соответствующий вариант импорта и наведите камеру на код. Если QR-код сохранён на этом же телефоне, откройте его на другом устройстве или используйте импорт изображения, если он доступен в приложении.</p> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №5 — Импорт по QR-коду</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот экрана сканирования QR-кода. Не использовать настоящий личный QR-код подписки.</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №5</div> |
| + | </div> |
| + | |
| + | <h2 style="margin:32px 0 18px;color:#e5e7eb;">4. Обновление подписки и выбор сервера</h2> |
| + | |
| + | <p style="color:#cbd5e1;line-height:1.7;">После добавления подписки проверьте, появились ли доступные профили или серверы.</p> |
| + | |
| + | <ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;"> |
| + | <li>Найдите добавленную подписку или список профилей.</li> |
| + | <li>Если приложение предлагает обновить подписку, выполните обновление.</li> |
| + | <li>Выберите нужный профиль или сервер, если их несколько.</li> |
| + | </ol> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №6 — Список профилей</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот списка серверов или профилей после добавления подписки. При необходимости скрыть названия и личные данные.</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №6</div> |
| + | </div> |
| + | |
| + | <h2 style="margin:32px 0 18px;color:#e5e7eb;">5. Подключение к VPN</h2> |
| + | |
| + | <ol style="color:#cbd5e1;line-height:1.8;padding-left:24px;"> |
| + | <li>Убедитесь, что нужный профиль выбран.</li> |
| + | <li>Нажмите кнопку подключения на главном экране.</li> |
| + | <li>При первом подключении Android может показать системный запрос на создание VPN-подключения.</li> |
| + | <li>Нажмите «Разрешить» или подтвердите запрос.</li> |
| + | <li>Дождитесь, пока HAPP покажет активное подключение.</li> |
| + | </ol> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №7 — Разрешение Android</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот системного окна Android с запросом на создание VPN-подключения. Выделить кнопку подтверждения.</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №7</div> |
| + | </div> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №8 — Успешное подключение</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот главного экрана HAPP после подключения. Должен быть виден статус активного соединения.</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №8</div> |
| + | </div> |
| + | |
| + | <h2 style="margin:32px 0 18px;color:#e5e7eb;">6. Отключение от VPN</h2> |
| + | |
| + | <p style="color:#cbd5e1;line-height:1.7;">Чтобы отключить VPN, откройте HAPP и нажмите кнопку отключения. Убедитесь, что статус соединения изменился на отключённый.</p> |
| + | |
| + | <div style="margin:20px 0 30px;padding:16px;border:1px dashed #64748b;border-radius:10px;background:#202936;"> |
| + | <div style="font-weight:bold;color:#93c5fd;margin-bottom:8px;">СКРИНШОТ №9 — Отключение</div> |
| + | <p style="color:#cbd5e1;font-size:14px;line-height:1.7;margin:0 0 12px;">Вставить скриншот кнопки отключения или экрана HAPP после завершения соединения.</p> |
| + | <div style="min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #64748b;border-radius:8px;color:#94a3b8;font-size:13px;">МЕСТО ДЛЯ СКРИНШОТА №9</div> |
| + | </div> |
| + | |
| + | <h2 style="margin:32px 0 18px;color:#e5e7eb;">Частые проблемы</h2> |
| + | |
| + | <div style="display:flex;flex-direction:column;gap:12px;"> |
| + | |
| + | <div style="padding:18px;border:1px solid #414955;border-radius:10px;background:#2b3038;"> |
| + | <h3 style="margin:0 0 8px;color:#ffffff;font-size:16px;">Подписка не добавляется</h3> |
| + | <p style="margin:0;color:#cbd5e1;line-height:1.7;font-size:14px;">Проверьте, что ссылка скопирована полностью, без пробелов и лишних символов. Уточните у провайдера, действительна ли подписка.</p> |
| + | </div> |
| + | |
| + | <div style="padding:18px;border:1px solid #414955;border-radius:10px;background:#2b3038;"> |
| + | <h3 style="margin:0 0 8px;color:#ffffff;font-size:16px;">После добавления подписки нет серверов</h3> |
| + | <p style="margin:0;color:#cbd5e1;line-height:1.7;font-size:14px;">Попробуйте обновить подписку. Если список остаётся пустым, обратитесь к провайдеру.</p> |
| + | </div> |
| + | |
| + | <div style="padding:18px;border:1px solid #414955;border-radius:10px;background:#2b3038;"> |
| + | <h3 style="margin:0 0 8px;color:#ffffff;font-size:16px;">Не появляется запрос на VPN</h3> |
| + | <p style="margin:0;color:#cbd5e1;line-height:1.7;font-size:14px;">Проверьте, не запущено ли другое VPN-приложение. Android обычно позволяет использовать только одно активное VPN-подключение одновременно.</p> |
| + | </div> |
| + | |
| + | <div style="padding:18px;border:1px solid #414955;border-radius:10px;background:#2b3038;"> |
| + | <h3 style="margin:0 0 8px;color:#ffffff;font-size:16px;">Подключение активно, но сайты не открываются</h3> |
| + | <p style="margin:0;color:#cbd5e1;line-height:1.7;font-size:14px;">Проверьте интернет без VPN, затем переподключитесь. Если проблема сохраняется, обратитесь к провайдеру.</p> |
| + | </div> |
| + | |
| + | </div> |
| + | |
| + | <div style="margin-top:32px;padding:24px;border-radius:12px;background:#1e3a5f;border:1px solid #31547c;border-left:4px solid #3b82f6;color:#e5e7eb;"> |
| + | <h3 style="margin:0 0 10px;color:#ffffff;">Важно о безопасности</h3> |
| + | <p style="margin:0;line-height:1.7;color:#dbeafe;"> |
| + | Не публикуйте ссылку на подписку, QR-код или конфигурацию в открытом доступе. Эти данные могут предоставлять доступ к вашему VPN-подключению. Перед размещением скриншотов замазывайте ссылки, ключи и личные данные. |
| + | </p> |
| + | </div> |
| + | |
| + | <div style="text-align:center;margin-top:36px;padding:18px 12px;border-top:1px solid #414955;color:#9ca3af;font-size:13px;"> |
| + | <div style="font-weight:bold;letter-spacing:2px;margin-bottom:6px;">NEXORA WORLD</div> |
| + | База знаний и документация |
| + | </div> |