v wechat auth

v-wechat-auth

Plug-in de autorização de página da web vue 2.0 WeChat

Instalar

npm

npm install --save v-wechat-auth

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

via tag de script

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

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

usar

inicialização

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

chamar

 this . $wechatAuth . authorize ( ) 

Execute o exemplo

1. Renomeie config.example.js na pasta de examples para config.js

2. Modifique config.js , preencha o appid e o escopo do WeChat e chame a interface de back-end no método authorize para obter informações do usuário e retornar as informações do usuário.

3. Modifique o arquivo host e mapeie o nome de domínio autorizado do WeChat para localhost

4. Execute npm run example

5. Acesse授权域名/examples/index.html nas ferramentas de desenvolvedor do WeChat (como o host foi modificado, o acesso é realmente local)

6. Pode exibir openid do usuário atual

opções

propriedade	tipo	deve perder	padrão	ilustrar
redirecionamento automático	booleano	não	verdadeiro	Quando o URL não contém o parâmetro code ou o resultado de retorno não contém openid, se deve redirecionar automaticamente para o URL de autorização do WeChat
ID do aplicativo	corda	sim		Aplicativo WeChat
escopo	corda	sim		Escopo WeChat, snsapi_base ou snsapi_userinfo
estado	corda	não	''	Estado do WeChat
autorizar	função	sim		A solicitação Ajax chama a interface de back-end para obter informações do usuário do WeChat
ssr	booleano	não		Se deve usar renderização no lado do servidor, ainda não implementada

Instância VWechatAuth

propriedade	ilustrar
usuário	Quando as informações do usuário são obtidas com sucesso, as informações do usuário são armazenadas, caso contrário, serão um objeto vazio.

método	parâmetro	retornar	ilustrar
autorizar	onSuccess, a função de retorno de chamada que é executada com sucesso onFail, função de retorno de chamada que falha na execução	Promessa	Autorizar para obter informações do usuário, suportar função de retorno de chamada e Promessa

Licença

MIT