v wechat auth

v-wechat-auth

Complemento de autorización de página web vue 2.0 WeChat

Instalar

npm

npm install --save v-wechat-auth

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

a través de etiqueta de secuencia de comandos

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

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

usar

inicialización

 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
        } )
    }
  } )
} )

llamar

 this . $wechatAuth . authorize ( ) 

Ejecute el ejemplo

1. Cambie el nombre config.example.js en la carpeta de examples a config.js

2. Modifique config.js , complete el appid y el alcance de WeChat y llame a la interfaz de backend en el método authorize para obtener información del usuario y devolver la información del usuario.

3. Modifique el archivo host y asigne el nombre de dominio autorizado de WeChat a localhost

4. Ejecute npm run example

5. Acceda授权域名/examples/index.html en las herramientas de desarrollo de WeChat (debido a que el host ha sido modificado, el acceso es en realidad local)

6. Puede mostrar openid del usuario actual.

opciones

propiedad	tipo	debe perder	por defecto	ilustrar
redirección automática	booleano	No	verdadero	Cuando la URL no contiene el parámetro de código o el resultado devuelto no contiene openid, si se redirige automáticamente a la URL de autorización de WeChat
ID de aplicación	cadena	Sí		Aplicación WeChat
alcance	cadena	Sí		Alcance de WeChat, snsapi_base o snsapi_userinfo
estado	cadena	No	''	Estado de WeChat
autorizar	función	Sí		La solicitud Ajax llama a la interfaz backend para obtener información del usuario de WeChat
ssr	booleano	No		Si se debe utilizar la representación del lado del servidor, aún no implementado

Instancia VWechatAuth

propiedad	ilustrar
usuario	Cuando la información del usuario se obtiene con éxito, la información del usuario se almacena; de lo contrario, es un objeto vacío.

método	parámetro	devolver	ilustrar
autorizar	onSuccess, la función de devolución de llamada que se ejecuta con éxito onFail, función de devolución de llamada que no se ejecuta	Promesa	Autorizar para obtener información del usuario, admitir la función de devolución de llamada y Promesa

Licencia

MIT