v wechat auth

v-wechat-auth

vue 2.0 plugin otorisasi halaman web WeChat

Memasang

npm

npm install --save v-wechat-auth

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

melalui tag skrip

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

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

menggunakan

inisialisasi

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

panggilan

 this . $wechatAuth . authorize ( ) 

Jalankan contohnya

1. Ganti nama config.example.js di folder examples menjadi config.js

2. Ubah config.js , isi aplikasi dan cakupan WeChat, dan panggil antarmuka backend dalam metode authorize untuk mendapatkan informasi pengguna dan mengembalikan informasi pengguna.

3. Ubah file host dan petakan nama domain resmi WeChat ke localhost

4. Jalankan npm run example

5. Akses授权域名/examples/index.html di alat pengembang WeChat (karena host telah dimodifikasi, akses sebenarnya bersifat lokal)

6. Dapat menampilkan openid pengguna saat ini

pilihan

milik	jenis	harus kalah	bawaan	menjelaskan
pengalihan otomatis	boolean	TIDAK	BENAR	Jika URL tidak berisi parameter kode atau hasil pengembalian tidak berisi openid, apakah akan dialihkan secara otomatis ke URL otorisasi WeChat
appId	rangkaian	Ya		Aplikasi WeChat
cakupan	rangkaian	Ya		Cakupan WeChat, snsapi_base atau snsapi_userinfo
negara	rangkaian	TIDAK	''	negara bagian WeChat
mengizinkan	fungsi	Ya		Permintaan Ajax memanggil antarmuka backend untuk mendapatkan informasi pengguna WeChat
ssr	boolean	TIDAK		Apakah akan menggunakan rendering sisi server, belum diterapkan

Contoh VWechatAuth

milik	menjelaskan
pengguna	Ketika informasi pengguna berhasil diperoleh, informasi pengguna disimpan, jika tidak maka informasi tersebut adalah objek kosong.

metode	parameter	kembali	menjelaskan
mengizinkan	onSuccess, fungsi panggilan balik yang berhasil dijalankan onFail, fungsi panggilan balik yang gagal dijalankan	Janji	Otorisasi untuk mendapatkan informasi pengguna, mendukung fungsi panggilan balik dan Janji

Lisensi

MIT