jmash-core-mp 0.1.1 → 0.1.3

package/README.md

@@ -34,10 +34,21 @@ npm run build -- --targets=wx,ali,web
 
 登录
 minidev login
-预览
-minidev preview --app-id 2021006137629651
 
-rm -rf .cache
+调试开发
+minidev dev
+
+本地 IP 调试
+minidev dev --host 192.168.1.154
+
+真机调试
+minidev remote-debug -a 2021006137629651
+
+Web 端调试
+minidev dev
+web -a 2021006137629651
+真机预览
+minidev preview -a 2021006137629651
 
 # pnpm publish --no-git-checks
 

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "jmash-core-mp",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "private": false,
   "dependencies": {
+    "sm-crypto": "^0.4.0",
     "@mpxjs/api-proxy": "^2.10.19",
     "@mpxjs/core": "^2.10.19",
     "@mpxjs/fetch": "^2.10.19",
@@ -22,6 +23,7 @@
     "@babel/plugin-transform-runtime": "^7.10.4",
     "@babel/preset-env": "^7.10.4",
     "@babel/runtime-corejs3": "^7.10.4",
+    "@mini-types/global": "^1.0.33",
     "@mpxjs/babel-plugin-inject-page-events": "^2.9.0",
     "@mpxjs/eslint-config": "^2.0.3",
     "@mpxjs/miniprogram-simulate": "^1.4.17",

package/src/api/auth/index.ts

@@ -1,10 +1,13 @@
 import { ResponseData } from "../../types/core";
+import { OpensType } from "./types";
 import type {
   LoginReq,
   LoginRes,
   RolesPerms,
+  WebLoginReq,
   TokenModel,
-  PhoneNumberReq,
+  PhoneRegisterReq,
+  PhoneReplaceReq,
   UpdateUserReq,
   UserInfoReq,
   UserInfo,
@@ -15,23 +18,77 @@ import { config } from "../../utils/config";
 import mpx from "@mpxjs/core";
 
 class AuthApi {
-  // 登录
-  miniappLogin(data: LoginReq): Promise<ResponseData<LoginRes>> {
+  // 小程序静默登录
+  mpLogin(data: LoginReq): Promise<ResponseData<LoginRes>> {
+    if (__mpx_mode__ === "wx") {
+      data.opensType = OpensType.wechat;
+    }
+    if (__mpx_mode__ === "ali") {
+      data.opensType = OpensType.ali_pay;
+    }
     return mpx.xfetch.fetch({
       url: "/v1/front/rbac/miniapp_login/" + config.tenant,
       method: "POST",
       data,
-      header: { "content-type": "application/json" },
+      header: {
+        "content-type": "application/json",
+        Authorization: false,
+      },
     });
   }
+
   // 手机号注册登录
-  miniappPhoneNumber(data: PhoneNumberReq): Promise<ResponseData<LoginRes>> {
+  mpPhoneRegister(data: PhoneRegisterReq): Promise<ResponseData<LoginRes>> {
+    if (__mpx_mode__ === "wx") {
+      data.opensType = OpensType.wechat;
+    }
+    if (__mpx_mode__ === "ali") {
+      data.opensType = OpensType.ali_pay;
+    }
     return mpx.xfetch.fetch({
       url: "/v1/front/rbac/miniapp_phonenumber/" + config.tenant,
       method: "POST",
       data: data,
+      header: {
+        Authorization: false,
+      },
     });
   }
+
+  // 已登陆状态小程序更换绑定手机号
+  replaceBindphone(data: PhoneReplaceReq): Promise<ResponseData<string>> {
+    data.tenant = config.tenant;
+    if (__mpx_mode__ === "wx") {
+      data.opensType = OpensType.wechat;
+    }
+    if (__mpx_mode__ === "ali") {
+      data.opensType = OpensType.ali_pay;
+    }
+    grpc.clearEmpty(data);
+    return mpx.xfetch.fetch({
+      url: "/v1/front/rbac/miniapp_bindphone",
+      method: "POST",
+      data: data,
+    });
+  }
+
+  //web登录.
+  webLogin(data: WebLoginReq): Promise<ResponseData<TokenModel>> {
+    data.tenant = config.tenant;
+    data.directoryId = "user";
+    data.clientId = config.appId ? config.appId : "h5";
+    data.captchaId = "1";
+    data.captchaCode = "1";
+    return mpx.xfetch.fetch({
+      url: "/v1/rbac/auth/login",
+      method: "POST",
+      data: data,
+      header: {
+        Authorization: false,
+      },
+    });
+  }
+
   // 刷新token
   refreshToken(): Promise<ResponseData<TokenModel>> {
     return mpx.xfetch.fetch({
@@ -141,17 +198,6 @@ class AuthApi {
     });
   }
 
-  // 已登陆状态小程序更换绑定手机号
-  replaceBindphone(data: PhoneNumberReq): Promise<ResponseData<string>> {
-    data.tenant = config.tenant;
-    grpc.clearEmpty(data);
-    return mpx.xfetch.fetch({
-      url: "/v1/front/rbac/miniapp_bindphone",
-      method: "POST",
-      data: data,
-    });
-  }
-
   // 获取当前会话用户的信息
   findUserInfo(data: UserInfoReq): Promise<ResponseData<UserInfo>> {
     data.tenant = config.tenant;

package/src/api/auth/types.ts

@@ -10,6 +10,15 @@ export interface TokenModel {
   tokenType: string;
 }
 
+export enum OpensType {
+  //微信
+  wechat,
+  //支付宝
+  ali_pay,
+  //云闪付
+  union_pay,
+}
+
 // 登录接口传参定义
 export interface LoginReq {
   // 小程序APPID
@@ -18,6 +27,30 @@ export interface LoginReq {
   loginCode: string;
   // 小程序托管微信第三方平台（可选）
   componentAppid?: string;
+  //登录类型
+  opensType?: OpensType;
+}
+
+/**
+ * 登录请求参数
+ */
+export interface WebLoginReq {
+  // 租户
+  tenant?: string;
+  // 目录ID
+  directoryId?: string;
+  //互斥角色
+  scope?: string;
+  //用户名
+  userName: string;
+  //加密密钥
+  encodePwd: string;
+  //验证码缓存key
+  captchaId?: string;
+  //验证码
+  captchaCode?: string;
+  // 客户ID
+  clientId?: string;
 }
 
 // 登录接口接收参数定义
@@ -33,7 +66,7 @@ export interface LoginRes {
 }
 
 // 获取手机号定义
-export interface PhoneNumberReq {
+export interface PhoneRegisterReq {
   // 租户
   tenant?: string;
   // 小程序APPID
@@ -44,8 +77,26 @@ export interface PhoneNumberReq {
   phoneCode: string;
   // 昵称
   nickName?: string;
+  // 头像
+  avatar?: string;
+  // 小程序托管微信第三方平台（可选）
+  componentAppid?: string;
+  //登录类型
+  opensType?: OpensType;
+}
+
+// 手机号绑定接口
+export interface PhoneReplaceReq {
+  // 租户
+  tenant?: string;
+  // 小程序APPID
+  appId: string;
+  // 获取手机号码
+  phoneCode: string;
   // 小程序托管微信第三方平台（可选）
   componentAppid?: string;
+  //登录类型
+  opensType?: OpensType;
 }
 
 // 刷新token

package/src/api/files/index.ts

@@ -88,66 +88,48 @@ class FileApi {
 
   // 上传文件
   uploadFile(file: string): Promise<FileInfo> {
-    const that = this;
-    return new Promise((resolve, reject) => {
-      wx.uploadFile({
-        url: that.uploadUrl(),
-        filePath: file,
-        name: "file",
-        header: {
-          "Content-Type": "multipart/form-data",
-          Authorization: db.getBearerToken(),
-        },
-        success(response) {
-          if (response.statusCode === 200) {
-            resolve({
-              code: response.statusCode,
-              message: response.errMsg,
-              data: JSON.parse(response.data),
-            } as any);
-          } else if (response.statusCode === 401) {
-            //TODO console.log("token过期....")
-            // 清理登录信息
-            wx.clearStorage();
-          } else {
-            mpx.showToast({
-              title: response.errMsg,
-              icon: "none",
-              duration: 2000,
-            });
-            resolve({
-              code: response.statusCode,
-              message: response.errMsg,
-              data: JSON.parse(response.data),
-            } as any);
-          }
-        },
-        fail(error) {
-          reject(error);
-        },
-      });
+    const p = mpx.uploadFile({
+      url: this.uploadUrl(),
+      filePath: file,
+      name: "file",
+      header: {
+        "Content-Type": "multipart/form-data",
+        Authorization: db.getBearerToken(),
+      },
+    } as WechatMiniprogram.UploadFileOption) as any;
+    return p.then((res: any) => {
+      console.log("uploadFile", res);
+      if (res.statusCode === 200) {
+        return JSON.parse(res.data) as FileInfo;
+      } else if (res.statusCode === 401) {
+        // 清理登录信息
+        mpx.clearStorage();
+        throw new Error("登录过期，请重新登录");
+      } else {
+        mpx.showToast({
+          title: res.errMsg,
+          icon: "none",
+          duration: 2000,
+        });
+        return JSON.parse(res.data) as FileInfo;
+      }
     });
   }
 
   // 上传文件
   downloadFile(url: string): Promise<FileDownInfo> {
-    return new Promise((resolve, reject) => {
-      wx.downloadFile({
-        url: url,
-        header: {
-          Authorization: db.getBearerToken(),
-        },
-        success(response) {
-          resolve({
-            statusCode: response.statusCode,
-            tempFilePath: response.tempFilePath,
-            filePath: response.tempFilePath,
-          } as FileDownInfo);
-        },
-        fail(error) {
-          reject(error);
-        },
-      });
+    const p = mpx.downloadFile({
+      url: url,
+      header: {
+        Authorization: db.getBearerToken(),
+      },
+    }) as any;
+    return p.then((res: any) => {
+      return {
+        statusCode: res.statusCode,
+        tempFilePath: res.tempFilePath,
+        filePath: res.tempFilePath,
+      } as FileDownInfo;
     });
   }
 

package/src/app.mpx

@@ -1,23 +1,26 @@
 <script lang="ts">
 import mpx, { createApp } from '@mpxjs/core';
+//api代理
+import apiProxy from '@mpxjs/api-proxy';
+mpx.use(apiProxy, { usePromise: true })
 //状态管理
 import { createPinia } from '@mpxjs/pinia';
 createPinia();
 //网络请求和App配置
 import { mpxFetch, config } from "./index";
 mpx.use(mpxFetch);
-//api代理
-import apiProxy from '@mpxjs/api-proxy';
-mpx.use(apiProxy, { usePromise: true })
+
 createApp({
   globalData: {
     config: config
   }
 })
-// 只有运行时才能调用
-const accountInfo = mpx.getAccountInfoSync();
-// 微信
-config.appId = accountInfo.miniProgram.appId;
+if (__mpx_mode__ !== "web") {
+  // 只有运行时才能调用
+  const accountInfo = mpx.getAccountInfoSync();
+  // 微信
+  config.appId = accountInfo.miniProgram.appId;
+}
 </script>
 
 <style></style>
@@ -39,15 +42,18 @@ config.appId = accountInfo.miniProgram.appId;
       "custom": true,
       "color": "#86909C",
       "selectedColor": "#EA4C3B",
-      "borderStyle": "white",
       "list": [
         {
           "pagePath": "pages/tabbar/home",
-          "text": "首页"
+          "text": "首页",
+          "activeIcon": "",
+          "icon": ""
         },
         {
           "pagePath": "pages/tabbar/my",
-          "text": "我的"
+          "text": "我的",
+          "activeIcon": "",
+          "icon": ""
         }
       ]
     }

package/src/components/auth-user/jmash-logout.mpx

@@ -0,0 +1,91 @@
+<template>
+  <view class="logout-section">
+    <!-- 登录状态才显示退出按钮 -->
+    <button class="logout-btn" bind:tap="handleLogout" wx:if="{{ isLogin }}">退出登录</button>
+    <text class="version-text">当前版本 V{{ version }}</text>
+  </view>
+</template>
+
+<script>
+import mpx, { createComponent, computed } from '@mpxjs/core'
+import { useUserStore } from '../../store/user'
+
+createComponent({
+  properties: {
+    // 自定义版本号，默认读配置
+    version: {
+      type: String,
+      value: '1.0.0'
+    }
+  },
+  setup() {
+    let userStore = useUserStore();
+    const isLogin = computed(() => userStore.accessToken !== '');
+    return {
+      isLogin, userStore
+    };
+  },
+  methods: {
+    // 退出登录逻辑
+    handleLogout() {
+      mpx.showModal({
+        title: '提示',
+        content: '确定要退出登录吗？',
+        success: (res) => {
+          if (res.confirm) {
+            this.userStore.logout() // 调用退出接口
+            mpx.showToast({ title: '已退出登录', icon: 'success' })
+            // 通知父组件退出成功
+            this.triggerEvent('logoutSuccess');
+          }
+        }
+      })
+    }
+  }
+})
+</script>
+
+<style lang="scss">
+$primary: #07c160;
+$text-3: #999999;
+
+.logout-section {
+  padding: 40rpx 16rpx 80rpx; // 底部留空适配tabbar
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .logout-btn {
+    width: 300rpx;
+    height: 72rpx;
+    border-radius: 36rpx;
+    border: 2rpx solid #ff4d4f;
+    background: #fff;
+    color: #ff4d4f;
+    font-size: 28rpx;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 24rpx;
+    transition: all 0.2s;
+
+    &:active {
+      background: #fff1f0;
+      transform: scale(0.98);
+    }
+  }
+
+  .version-text {
+    font-size: 24rpx;
+    color: $text-3;
+  }
+}
+</style>
+
+<script type="application/json">
+{
+  "component": true,
+  "usingComponents": {}
+}
+</script>