vue wechat login

vue-wechat-로그인

소개하다

이 프로젝트는 vue 3.0 , vant , typescript 기반으로 개발된 WeChat 인증 로그인 예제입니다.

사용하기 전에 CSDN 블로그 및 WeChat 웹페이지 인증 관련 문서를 읽어보시기 바랍니다.

디버그 실행

1. 프로젝트를 복제하고 터미널을 통해 프로젝트 루트 디렉터리를 입력하세요.

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

2. 프로젝트 종속성 설치

pnpm install

3. 프로젝트 환경 변수에서 APP_URL 및 APP_ID 수정

 VITE_APP_API_URL=YOUR API URL
VITE_APP_WECHAT_APP_ID=YOUR APP ID

4. 로그인 인터페이스 요청 주소 수정

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

5. 로컬에서 실행

pnpm dev

6. 팩

pnpm build

작업 렌더링