v wechat auth

v-wechat-аутентификация

Плагин авторизации веб-страницы vue 2.0 WeChat

Установить

НПМ

npm install --save v-wechat-auth

 import Vue from 'vue'
import VWechatAuth from 'v-wechat-auth'

через тег скрипта

 <!-- 在 Vue 之后 -->
<!-- 从本地文件 -->
< script src =" v-wechat-auth/dist/v-wechat-auth.min.js " > </ script >

<!-- 从 CDN -->
< script src =" https://unpkg.com/v-wechat-auth " > </ script > 

использовать

инициализация

 Vue . use ( VWechatAuth )

// 必须在 root 实例上注入 wechatAuth
new Vue ( {
  el : '#app' ,
  ... ,
  wechatAuth : new VWechatAuth ( {
    appId : 'your wechat appid' ,
    scope : 'snsapi_base or snsapi_userinfo'
    authorize ( ) {
      return axios . get ( 'your backend api here' , { params : { code : code } } )
        . then ( function ( res ) {
          var data = ( res && res . data ) || { } // response data should at least contain openid
          return data
        } )
    }
  } )
} )

вызов

 this . $wechatAuth . authorize ( ) 

Запустите пример

1. Переименуйте config.example.js в папке examples в config.js

2. Измените config.js , заполните идентификатор и область приложения WeChat и вызовите внутренний интерфейс в методе authorize , чтобы получить информацию о пользователе и вернуть информацию о пользователе.

3. Измените файл host и сопоставьте авторизованное доменное имя WeChat с localhost

4. Запустите npm run example

5. Получите доступ к授权域名/examples/index.html в инструментах разработчика WeChat (поскольку хост был изменен, доступ фактически является локальным).

6. Может отображать openid текущего пользователя

параметры

свойство	тип	должен проиграть	по умолчанию	иллюстрировать
автоперенаправление	логическое значение	нет	истинный	Если URL-адрес не содержит параметра кода или возвращаемый результат не содержит openid, следует ли автоматически перенаправлять на URL-адрес авторизации WeChat.
идентификатор приложения	нить	да		Приложение WeChat
объем	нить	да		Область WeChat, snsapi_base или snsapi_userinfo
состояние	нить	нет	''	Состояние WeChat
разрешать	функция	да		Запрос Ajax вызывает внутренний интерфейс для получения информации о пользователе WeChat.
сср	логическое значение	нет		Использовать ли рендеринг на стороне сервера, еще не реализовано.

Экземпляр VWechatAuth

свойство	иллюстрировать
пользователь	Когда информация пользователя успешно получена, информация пользователя сохраняется, в противном случае это пустой объект.

метод	параметр	возвращаться	иллюстрировать
разрешать	onSuccess, функция обратного вызова, которая выполняется успешно onFail, функция обратного вызова, которая не может быть выполнена	Обещать	Авторизация для получения информации о пользователе, поддержка функции обратного вызова и обещания.

Лицензия

Массачусетский технологический институт