vue wechat login

vue-wechat-login

einführen

Das Projekt ist ein WeChat-autorisiertes Login-Beispiel, das auf Basis von vue 3.0 , vant und typescript entwickelt wurde.

Bitte lesen Sie vor der Verwendung den CSDN-Blog und die Dokumente zur Autorisierung der WeChat-Webseite.

Führen Sie Debug aus

1. Klonen Sie das Projekt und geben Sie über das Terminal das Projektstammverzeichnis ein

git clone https://github.com/wkl007/vue-wechat-login.git

2. Projektabhängigkeiten installieren

pnpm install

3. Ändern Sie APP_URL und APP_ID in den Projektumgebungsvariablen

 VITE_APP_API_URL=YOUR API URL
VITE_APP_WECHAT_APP_ID=YOUR APP ID

4. Ändern Sie die Anforderungsadresse der Anmeldeschnittstelle

 static login ( data ) {
    return request ( {
      url : '/auth/wechat' , // YOUR URL
      method : 'post' ,
      data
    } )
}

5. Lokal ausführen

pnpm dev

6. Pack

pnpm build

Operationsdarstellungen