瀏覽代碼

feat(router): 添加小程序登录开关并更新登录逻辑

添加 IS_USE_WX_LOGIN_IN_MP 配置项控制小程序登录方式
将登录页文档迁移至 router 目录下
更新登录页用户信息字段和注释说明
feige996 8 月之前
父節點
當前提交
5cf9f4a079
共有 4 個文件被更改,包括 23 次插入14 次删除
  1. 0 10
      src/pages/login/README.md
  2. 5 4
      src/pages/login/login.vue
  3. 14 0
      src/router/README.md
  4. 4 0
      src/router/config.ts

+ 0 - 10
src/pages/login/README.md

@@ -1,10 +0,0 @@
-# 登录注册
-
-登录页 `login.vue` 对应路由是 `/pages/login/login`.
-注册页 `register.vue` 对应路由是 `/pages/login/register`.
-
-## 适用性
-
-登录注册页主要适用于 `h5` 和 `App`,默认不适用于 `小程序`,因为 `小程序` 通常会使用平台提供的快捷登录。
-
-特殊情况例外,如业务需要跨平台复用登录注册页时,也可以用在 `小程序` 上,所以主要还是看业务需求。

+ 5 - 4
src/pages/login/login.vue

@@ -29,10 +29,10 @@ onLoad((options) => {
 const userStore = useUserStore()
 function doLogin() {
   userStore.setUserInfo({
-    id: '123456',
-    username: '菲鸽',
-    avatar: 'https://unibest.oss-cn-beijing.aliyuncs.com/avatar.png',
-    token: 'fake-token',
+    userId: 123456,
+    username: 'abc123456',
+    nickname: '菲鸽',
+    avatar: 'https://oss.laf.run/ukw0y1-site/avatar.jpg',
   })
   console.log(redirectUrl.value)
   let path = redirectUrl.value
@@ -64,6 +64,7 @@ function doLogin() {
 
 <template>
   <view class="login">
+    <!-- 本页面是非MP的登录页,主要用于 h5 和 APP -->
     <view class="text-center">
       登录页
     </view>

+ 14 - 0
src/router/README.md

@@ -21,3 +21,17 @@
 在 `默认无需登录策略: DEFAULT_NO_NEED_LOGIN` 中,只有路由在 `EXCLUDE_PAGE_LIST` 中,才需要登录,相当于黑名单。
 
 在 `默认需要登录策略: DEFAULT_NEED_LOGIN` 中,只有路由在 `EXCLUDE_PAGE_LIST` 中,才不需要登录,相当于白名单。
+
+
+## 登录注册页路由
+
+登录页 `login.vue` 对应路由是 `/pages/login/login`.
+注册页 `register.vue` 对应路由是 `/pages/login/register`.
+
+## 登录注册页适用性
+
+登录注册页主要适用于 `h5` 和 `App`,默认不适用于 `小程序`,因为 `小程序` 通常会使用平台提供的快捷登录。
+
+特殊情况例外,如业务需要跨平台复用登录注册页时,也可以用在 `小程序` 上,所以主要还是看业务需求。
+
+通过一个参数 `IS_USE_WX_LOGIN_IN_MP` 来控制是否在 `小程序` 中使用 `小程序` 默认的登录逻辑。

+ 4 - 0
src/router/config.ts

@@ -15,3 +15,7 @@ export const LOGIN_PAGE_LIST = [LOGIN_PAGE, REGISTER_PAGE]
 export const EXCLUDE_PAGE_LIST = [
   '/pages/xxx/index',
 ]
+
+// 在微信小程序里面是否使用小程序默认的登录,默认为true
+// 如果为 false 则复用 h5 的登录逻辑
+export const IS_USE_WX_LOGIN_IN_MP = true // 暂时还没用到,没想好怎么整合