From 0d2ff3d23ed504808241d579946bb1ab45c3b899 Mon Sep 17 00:00:00 2001
From: Ankkaya <staryou@126.com>
Date: Fri, 10 May 2024 20:29:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                                |   5 +-
 manifest.json                          |   7 +-
 pages/index/index.vue                  |  19 ++-
 peach/components/p-layout/p-layout.vue |  13 +-
 peach/index.js                         |   3 +-
 peach/platform/index.js                |  18 ++-
 peach/platform/share.js                | 181 +++++++++++++++++++++++++
 peach/request/index.js                 |   5 +
 peach/store/app.js                     |   4 +-
 vite.config.js                         |   1 +
 10 files changed, 242 insertions(+), 14 deletions(-)
 create mode 100644 peach/platform/share.js

diff --git a/App.vue b/App.vue
index ae82c24..3d43963 100644
--- a/App.vue
+++ b/App.vue
@@ -3,9 +3,8 @@ import { onLaunch, onShow, onError } from '@dcloudio/uni-app'
 import { peachInit } from './peach'
 
 onLaunch(() => {
-    // uni.hideTabBar()
-
-    peachInit()
+    // 隐藏原生导航栏 使用自定义底部导航
+    // peachInit()
 })
 
 onError((err) => {
diff --git a/manifest.json b/manifest.json
index 8078adf..8dfa423 100644
--- a/manifest.json
+++ b/manifest.json
@@ -50,9 +50,12 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "",
+        "appid" : "wx64387dc8bba916ec",
+        "lazyCodeLoading" : "requiredComponents",
         "setting" : {
-            "urlCheck" : false
+            "urlCheck" : false,
+            "postcss" : true,
+            "minified" : true
         },
         "usingComponents" : true
     },
diff --git a/pages/index/index.vue b/pages/index/index.vue
index e420ca9..1299da0 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,12 +1,29 @@
 <template>
-    <p-layout title="首页" navbar="normal" tabbar="/pages/index/index" :bgStyle="bgStyle"></p-layout>
+    <p-layout
+        title="首页"
+        navbar="normal"
+        tabbar="/pages/index/index"
+        :bgStyle="bgStyle"
+        opacityBgUi="bg-red"
+        color="orange"
+    ></p-layout>
 </template>
 
 <script setup>
+import { onLoad, onPageScroll, onPullDownRefresh } from '@dcloudio/uni-app'
+import $share from '@/peach/platform/share'
+
 const bgStyle = {
     backgroundImage:
         'http://101.43.181.163:9001/mall-backend/24dd085ca57fbfaa27c3e16788237b1d7a95c854c01b5e3e219aad6709bbb748.jpg',
     backgroundColor: '',
     description: '',
 }
+
+onLoad((options) => {
+    // 解析分享信息
+    if (options.spm) {
+        $share.decryptSpm(options.spm)
+    }
+})
 </script>
diff --git a/peach/components/p-layout/p-layout.vue b/peach/components/p-layout/p-layout.vue
index dbe0649..db4f80c 100644
--- a/peach/components/p-layout/p-layout.vue
+++ b/peach/components/p-layout/p-layout.vue
@@ -39,6 +39,15 @@
 <script setup>
 /**
  * 模板组件 - 提供页面公共组件，属性，方法
+ * @param {String} title 标题
+ * @param {String} navbar 导航栏模式(normal-默认通用顶部导航栏 inner-沉浸式头部)
+ * @param {String} opacityBgUi 导航栏背景色 bg-color 类，详细查看 scss/style/_background.scss 文件
+ * @param {String} color 标题颜色
+ * @param {String} tools 取值 title（标题）或者 search（搜索框）
+ * @param {Object} bgStyle 背景样式
+ * @param {String} bgStyle.backgroundColor 背景色
+ * @param {String} bgStyle.backgroundImage 背景图
+ * @param {String} tabbar 底部导航页面路径
  */
 import { computed, reactive, ref } from 'vue'
 import peach from '@/peach'
@@ -69,10 +78,6 @@ const props = defineProps({
         type: String,
         default: 'title',
     },
-    keyword: {
-        type: String,
-        default: '',
-    },
     bgStyle: {
         type: Object,
         default: () => ({
diff --git a/peach/index.js b/peach/index.js
index 9589458..8cddfe7 100644
--- a/peach/index.js
+++ b/peach/index.js
@@ -25,10 +25,11 @@ const peach = {
 // 加载底层依赖
 export async function peachInit() {
     // 应用初始化
-    await $store('app').init()
+    // await $store('app').init()
 
     // 平台初始化加载(各平台provider提供不同的加载流程)
     $platform.load()
+    console.log($platform)
 
     if (process.env.NODE_ENV === 'development') {
         debug()
diff --git a/peach/platform/index.js b/peach/platform/index.js
index fffaf0c..170cac2 100644
--- a/peach/platform/index.js
+++ b/peach/platform/index.js
@@ -1,6 +1,9 @@
+import { isEmpty } from 'lodash'
+
 // #ifdef H5
 import { isWxBrowser } from '@/peach/helper/utils'
 // #endif
+import share from './share'
 
 const device = uni.getSystemInfoSync()
 
@@ -37,6 +40,13 @@ platform = 'miniProgram'
 provider = 'wechat'
 // #endif
 
+if (isEmpty(name)) {
+    uni.showToast({
+        title: '暂不支持该平台',
+        icon: 'none',
+    })
+}
+
 /**
  * 检查网络
  * @param {Boolean} silence - 静默检查
@@ -106,6 +116,8 @@ const load = () => {
     //     wechat.load()
     // }
 }
+console.log('123')
+console.log(name)
 
 const _platform = {
     name,
@@ -116,6 +128,10 @@ const _platform = {
     navbar,
     platform,
     load,
+    share,
 }
 
-export default _platform
+// export default _platform
+export default {
+    name,
+}
diff --git a/peach/platform/share.js b/peach/platform/share.js
new file mode 100644
index 0000000..a319e0d
--- /dev/null
+++ b/peach/platform/share.js
@@ -0,0 +1,181 @@
+import $store from '@/peach/store'
+import $platform from '@/peach/platform'
+import $router from '@/peach/router'
+import $url from '@/peach/url'
+// #ifdef H5
+import $wxsdk from '@/peach/libs/sdk-h5-weixin'
+// #endif
+
+// 设置分享的平台渠道: 1=H5,2=微信公众号网页,3=微信小程序,4=App
+const platformMap = ['H5', 'WechatOfficialAccount', 'WechatMiniProgram', 'App']
+
+// 设置分享方式: 1=直接转发,2=海报,3=复制链接
+const fromMap = ['forward', 'poster', 'link']
+
+// 设置分享信息参数
+const getShareInfo = (
+    scene = {
+        title: '', // 自定义分享标题
+        desc: '', // 自定义描述
+        image: '', // 自定义分享图片
+        params: {}, // 自定义分享参数
+    },
+    poster = {
+        // 自定义海报数据
+        type: 'user',
+    }
+) => {
+    let shareInfo = {
+        title: '', // 分享标题
+        desc: '', // 描述
+        image: '', // 分享图片
+        path: '', // 分享页面+参数
+        link: '', // 分享Url+参数
+        query: '', // 分享参数
+        poster, // 海报所需数据
+    }
+
+    const app = $store('app')
+    const shareConfig = app.platform.share
+
+    // 自动拼接分享用户参数
+    const query = buildSpmQuery(scene.params)
+    shareInfo.query = query
+
+    // 配置分享链接地址
+    shareInfo.link = buildSpmLink(query, shareConfig.linkAddress)
+
+    // 配置转发参数
+    if (shareConfig.methods.includes('forward')) {
+        if (shareConfig.forwardInfo.title === '' || shareConfig.forwardInfo.image === '') {
+            console.log('请在平台设置中配置转发信息')
+        }
+        // 设置自定义分享信息
+        shareInfo.title = scene.title || shareConfig.forwardInfo.title
+        shareInfo.image = $url.cdn(scene.image || shareConfig.forwardInfo.image)
+        shareInfo.desc = scene.desc || shareConfig.forwardInfo.subtitle
+        shareInfo.path = buildSpmPath(query)
+    }
+
+    return shareInfo
+}
+
+// 构造spm分享参数
+const buildSpmQuery = (params) => {
+    const user = $store('user')
+    let shareId = '0' // 设置分享者用户ID
+    if (typeof params.shareId === 'undefined') {
+        if (user.isLogin) {
+            shareId = user.userInfo.id
+        }
+    }
+    let page = '1' // 页面类型: 1=首页(默认),2=商品,3=拼团商品,4=秒杀商品,5=邀请参团
+    if (typeof params.page !== 'undefined') {
+        page = params.page
+    }
+    let query = '0' // 设置页面ID: 如商品ID、拼团ID等
+    if (typeof params.query !== 'undefined') {
+        query = params.query
+    }
+    let platform = platformMap.indexOf($platform.name) + 1
+    let from = '1'
+    if (typeof params.from !== 'undefined') {
+        from = platformMap.indexOf(params.from) + 1
+    }
+    //spmParams = ...  可按需扩展
+    return `spm=${shareId}.${page}.${query}.${platform}.${from}`
+}
+
+// 构造页面分享参数
+const buildSpmPath = (query) => {
+    return `/pages/index/index?${query}`
+}
+
+// 构造分享链接
+const buildSpmLink = (query, linkAddress = '') => {
+    return `${linkAddress}?${query}`
+}
+
+// 解析Spm
+const decryptSpm = (spm) => {
+    const user = $store('user')
+    let shareParamsArray = spm.split('.')
+    let shareParams = {
+        spm,
+        shareId: 0,
+        page: '',
+        query: {},
+        platform: '',
+        from: '',
+    }
+    let query
+    shareParams.shareId = shareParamsArray[0]
+    switch (shareParamsArray[1]) {
+        case '1':
+            // 默认首页不跳转
+            shareParams.page = '/pages/index/index'
+            break
+        case '2':
+            // 普通商品
+            shareParams.page = '/pages/goods/index'
+            shareParams.query = {
+                id: shareParamsArray[2],
+            }
+            break
+        case '3':
+            // 拼团商品
+            shareParams.page = '/pages/goods/groupon'
+            query = shareParamsArray[2].split(',')
+            shareParams.query = {
+                id: query[0],
+                activity_id: query[1],
+            }
+            break
+        case '4':
+            // 秒杀商品
+            shareParams.page = '/pages/goods/seckill'
+            query = shareParamsArray[2].split(',')
+            shareParams.query = {
+                id: query[1],
+            }
+            break
+        case '5':
+            // 参与拼团
+            shareParams.page = '/pages/activity/groupon/detail'
+            shareParams.query = {
+                id: shareParamsArray[2],
+            }
+            break
+    }
+    shareParams.platform = platformMap[shareParamsArray[3] - 1]
+    shareParams.from = fromMap[shareParamsArray[4] - 1]
+    if (shareParams.shareId != 0) {
+        // 已登录 立即添加分享记录
+        if (user.isLogin) {
+            user.addShareLog(shareParams)
+        } else {
+            // 未登录 待用户登录后添加分享记录
+            uni.setStorageSync('shareLog', shareParams)
+        }
+    }
+
+    if (shareParams.page !== '/pages/index/index') {
+        $router.go(shareParams.page, shareParams.query)
+    }
+    return shareParams
+}
+
+// 更新公众号分享sdk
+const updateShareInfo = (shareInfo) => {
+    // #ifdef H5
+    if ($platform.name === 'WechatOfficialAccount') {
+        $wxsdk.updateShareInfo(shareInfo)
+    }
+    // #endif
+}
+
+export default {
+    getShareInfo,
+    updateShareInfo,
+    decryptSpm,
+}
diff --git a/peach/request/index.js b/peach/request/index.js
index b8aeac8..a5a8d8f 100644
--- a/peach/request/index.js
+++ b/peach/request/index.js
@@ -45,6 +45,11 @@ function closeLoading() {
 /**
  * Request 基础配置
  */
+
+console.log(baseUrl)
+console.log($platform)
+console.log($store)
+
 const http = new Request({
     baseURL: baseUrl + apiPath,
     timeout: 8000,
diff --git a/peach/store/app.js b/peach/store/app.js
index e4eec54..284fede 100644
--- a/peach/store/app.js
+++ b/peach/store/app.js
@@ -32,8 +32,8 @@ const app = defineStore({
         has_wechat_trade_managed: 0, // 小程序发货信息管理  0 没有 || 1 有
     }),
     actions: {
-        // 获取应用配置和模板
-        async init(templateId = null) {
+        // 获取应用配置
+        async init() {
             // 检查网络
             const networkStatus = await $platform.checkNetwork()
             if (!networkStatus) {
diff --git a/vite.config.js b/vite.config.js
index c8a052e..e6307f8 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,6 +3,7 @@ import uni from '@dcloudio/vite-plugin-uni'
 // https://vitejs.dev/config/
 export default (command, mode) => {
     return {
+        envPrefix: 'MALL_',
         plugins: [uni()],
     }
 }