vue wechat login

vue-wechat-เข้าสู่ระบบ

แนะนำ

โปรเจ็กต์นี้เป็นตัวอย่างการเข้าสู่ระบบที่ได้รับอนุญาตของ WeChat ซึ่งพัฒนาขึ้นจาก vue 3.0 , vant และ typescript

โปรดอ่านบล็อก 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

การแสดงผลการดำเนินงาน