Wechat имеет очень удобный вход по QR-коду option (извините, только на китайском языке) для настольных веб-сайтов. По сути, вы просто сканируете код с помощью Wechat, нажимаете «ОК» и входите в систему.
Тем не менее, я изо всех сил пытаюсь реализовать ту же функциональность при доступе к одному и тому же веб-сайту через мобильный телефон?
Я нахожусь в той же ситуации, и я продолжаю получать этот вопрос без ответа от Google, поэтому я попытаюсь предоставить дополнительную информацию, основанную на том, что у меня есть до сих пор. Во-первых, давайте уточним, что мы говорим о WeChat в рамках страны Китай. Wechat в Китае имеет гораздо больше возможностей по сравнению с другими странами.
По сути, есть 3 способа входа в WeChat на вашем веб-сайте:
Теперь займемся техническими вопросами.
Вход с помощью QR-кода
документация доступна на английском языке по адресу QR Code документация по входу в систему Я не буду объяснять это здесь, так как это не совсем вопрос.
Вход в WeChat с использованием OAuth 2.0 только с мобильного сайта
[EDIT] Похоже, мы не можем напрямую использовать OAuth от WeChat на веб-сайте. Это можно сделать только в том случае, если сайт загружается из мобильного приложения WeChat. Пожалуйста, обратитесь к разделу ниже: Вход в WeChat через мобильное приложение WeChat
Документация с qq.com Использование Google Transalate должно дать вам основы. Есть 3 основных шага:
Это также предполагает, что вы правильно настроили доступ к API, так как вам нужен appid, область действия и состояние.
Вход в WeChat через мобильное приложение WeChat с wechat на мобильный сайт через мобильное приложение
Чтобы получить такой тип входа, вы должны помнить, что веб-сайт должен быть загружен в мобильном приложении WeChat.
Самый простой способ сделать это — сгенерировать QR-код на основе URL-адреса веб-сайта, а затем отсканировать QR-код с помощью приложения WeChat (есть возможность сканирования с помощью мобильного приложения). Чтобы сгенерировать QR-код, вы можете использовать онлайн-инструменты, такие как http://www.qr-code-generator.com
Когда вы просматриваете свой мобильный сайт из приложения Wechat, процесс будет заключаться в том, что когда пользователь переходит на страницу входа на ваш сайт, вы перенаправляете пользователя на URL-адрес oauth wechat.
Документация по этому вопросу доступна по адресу https://mp.weixin.qq.com/wiki?id=mp1421140842&highline=scope И URL-адрес будет примерно таким: https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
SCOPE может быть nsapi_base или nsapi_userinfo. nsapi_userinfo позволит вам получить немного больше информации о пользователе, но на самом деле wechat мало чем делится. Они не будут делиться электронной почтой или номером мобильного телефона.
СОСТОЯНИЕ — это просто случайная строка, которую вы генерируете, которая позволяет вам сопоставлять ее после авторизации, когда страница перенаправляется.
APPID — это API-интерфейс приложения из вашей учетной записи WeChat. Если у вас еще нет APPID, доступны 2 варианта. Создайте бизнес-аккаунт (производственный аккаунт) или создайте аккаунт в песочнице. Вы можете зарегистрироваться на странице https://mp.weixin.qq.com; Или для тестовой учетной записи песочницы: http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login (доступна только китайская версия)
Итак, что произойдет, когда пользователь будет перенаправлен на https://open.weixin.qq.com/connect/oauth2/authorize они должны будут дать согласие на передачу своей информации вашему мобильному сайту. Как только они согласятся, пользователь будет перенаправлен на URL-адрес по вашему выбору. (см. параметр redirect_uri=REDIRECT_URI)
а затем вы можете позвонить https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN, чтобы получить информацию о пользователе.
ACCESS_TOKEN — это токен, созданный с использованием APPID и SECRET и вызывающий API: https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=%5BAPPID%5D&secret=%5BSECRET%5D Опять же, APPID и SECRET доступны после регистрации в учетной записи wechat, как описано выше.
И поскольку мы любим английский, похоже, что вики на английском языке доступна по адресу http://admin.wechat.com/wiki/index.php Она не так хороша и полна, как китайская версия, но она позволяет лучше понять некоторые вещи.
После того, как вы получите информацию о пользователе, вам просто нужно реализовать логику на своем мобильном сайте примерно так:
CCE API для get-weixin-code [Мобильный вход], у него также есть тело, заголовок и тег скрипта. Где-то в JSON, указанном в ответе, может быть code, но я не могу его найти, как я могу получить из него code? Статус .msg и .result говорит OK.
- person Code_Ninja; 18.10.2018
когда вы переключаетесь на QR-код wechat, wechat сгенерирует QRCode аутентификации и ссылку на сервер с длительным получением, после сканирования вашего мобильного QR-кода и нажатия ссылки, которая вызовет поток аутентификации на сервере с длительным извлечением и сделает ваш браузер авторизованным и перенаправленным.
Я воспроизвел поток WeChat на github, добро пожаловать.
https://github.com/clonn/QRLoing_reproduce
