埋点+分享

MD.js

-import MD from 'spark-utils/out/md/index.js';
-
-import { logClick, logExposure } from "@spark/utils/src-js/md";
-
+import MD from "spark-utils/out/md/index.js";
+import { logClick } from "@spark/utils/src-js/md";
+import { jsonp } from "@spark/api-base";
 let appId = CFG.appID;
-const dcm = '202.' + CFG.projectId + '.0.0';
-const domain = '//embedlog.duiba.com.cn';
+const dcm = "202." + CFG.projectId + ".0.0";
+const domain = "";
 
-let MDList = [
-  {
-    ele: `.test-md1`,
+let MDList = new Array(5).fill("").map((v, i) => {
+  return {
+    ele: `.md${i + 1}`,
     data: {
-      dpm: `${appId}.110.5.1`,
+      dpm: `${appId}.110.${i + 1}.1`,
       dcm,
       domain,
-      appId
+      appId,
     },
-    once: false
-  }
-];
-
+    once: false,
+  };
+});
 export default () =>
   MD({
     show: MDList, // 曝光
-    click: MDList // 点击
+    click: MDList, // 点击
   });
-
+export function logExposure(params) {
+  jsonp("/exposure/standard", params);
+}
 export function handleLogExposure(id, id2 = 1) {
   logExposure({
     dpm: `${appId}.110.${id}.${id2}`,

package-lock.json

@@ -9,6 +9,8 @@
       "version": "3.6.8",
       "dependencies": {
         "@spark/api-base": "^2.0.7",
+        "@spark/dbdomain": "^1.0.25",
+        "@spark/share": "^2.0.340",
         "@spark/svgaplayer": "^2.0.5",
         "@spark/ui": "^2.0.8",
         "@spark/utils": "^2.0.17",
@@ -2592,6 +2594,17 @@
         "@spark/utils": "^2.0.81"
       }
     },
+    "node_modules/@spark/api-common": {
+      "version": "2.0.22",
+      "resolved": "http://npm.dui88.com:80/@spark%2fapi-common/-/api-common-2.0.22.tgz",
+      "integrity": "sha512-lKTdfDhS38NrgEJaNagk1zgVX69hH8ZAi9vdpD3+G20EI5S+4W7bB/L+G9BpwsltJpeKAhOxnK0d31DGgD2zRg==",
+      "dependencies": {
+        "@spark/api-base": "^2.0.7",
+        "@spark/common-helpers": "^1.0.16",
+        "@spark/utils": "^2.0.22",
+        "duiba-utils": "^1.0.6"
+      }
+    },
     "node_modules/@spark/code-comment": {
       "version": "0.0.1-beta.5",
       "resolved": "http://npm.dui88.com:80/@spark%2fcode-comment/-/code-comment-0.0.1-beta.5.tgz",
@@ -2701,6 +2714,11 @@
         "duiba-utils": "^1.0.6"
       }
     },
+    "node_modules/@spark/dbdomain": {
+      "version": "1.0.25",
+      "resolved": "http://npm.dui88.com:80/@spark%2fdbdomain/-/dbdomain-1.0.25.tgz",
+      "integrity": "sha512-sOiwm3ihBJYpv97SFFfc2EHMCWws8xAxxAx5Q5yTteokvJMQKfoCzWXEm2q42zeITgzEjcoT5BjljnKb/qayGA=="
+    },
     "node_modules/@spark/eslint-plugin-best-practices": {
       "version": "0.0.1-beta.3",
       "resolved": "http://npm.dui88.com:80/@spark%2feslint-plugin-best-practices/-/eslint-plugin-best-practices-0.0.1-beta.3.tgz",
@@ -2754,6 +2772,18 @@
         "@spark/utils": "^2.0.19"
       }
     },
+    "node_modules/@spark/share": {
+      "version": "2.0.340",
+      "resolved": "http://npm.dui88.com:80/@spark%2fshare/-/share-2.0.340.tgz",
+      "integrity": "sha512-QcsKfi9PSmV9LI4WVCQjQ11FvVsGFp7AfvSw7P96VIiLLaAEzoKsVgpvMxa27iG4L3FYaLjkEUCsOgXLWxiR5Q==",
+      "dependencies": {
+        "@spark/api-base": "^2.0.2",
+        "@spark/api-common": "^2.0.17",
+        "@spark/utils": "^2.0.63",
+        "duiba-utils": "^1.0.11",
+        "light-sdk": "^2.0.24"
+      }
+    },
     "node_modules/@spark/svgaplayer": {
       "version": "2.0.5",
       "resolved": "http://npm.dui88.com:80/@spark%2fsvgaplayer/-/svgaplayer-2.0.5.tgz",
@@ -11400,6 +11430,11 @@
       "resolved": "http://npm.dui88.com:80/libphonenumber-js/-/libphonenumber-js-1.12.6.tgz",
       "integrity": "sha512-PJiS4ETaUfCOFLpmtKzAbqZQjCCKVu2OhTV4SVNNE7c2nu/dACvtCqj4L0i/KWNnIgRv7yrILvBj5Lonv5Ncxw=="
     },
+    "node_modules/light-sdk": {
+      "version": "2.0.36",
+      "resolved": "http://npm.dui88.com:80/light-sdk/-/light-sdk-2.0.36.tgz",
+      "integrity": "sha512-r4OPZbYH9MEMUYXFd+gACyZLI41Jg+7OAwrh2jysKm3QayJqI5xOztJPrT7m1I+LHW56NVGSPpHvLd7wAXgbnw=="
+    },
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "http://npm.dui88.com:80/lines-and-columns/-/lines-and-columns-1.2.4.tgz",

package.json

@@ -14,6 +14,8 @@
   },
   "dependencies": {
     "@spark/api-base": "^2.0.7",
+    "@spark/dbdomain": "^1.0.25",
+    "@spark/share": "^2.0.340",
     "@spark/svgaplayer": "^2.0.5",
     "@spark/ui": "^2.0.8",
     "@spark/utils": "^2.0.17",

src/app.jsx

@@ -34,7 +34,8 @@ const pageMap = {
 class App extends Component {
   async componentDidMount() {
     // 获取前端开发配置，依据项目需要，酌情添加 ！！！
-    // await store.getFrontVariable();
+    await store.getFrontVariable();
+    await store.doShare()
   }
 
   render() {

src/components/failpop/failpop.jsx

@@ -24,7 +24,7 @@ class Failpop extends React.Component {
   }
   render() {
     return (
-      <div className="failpop modal_center">
+      <div className="failpop modal_center md4">
         <span className="bg"></span>
         <Button className="close" onClick={this.closePop}></Button>
         <span className="lab">本次我赚了{this.props.popData.score}</span>

src/components/successpop/successpop.jsx

@@ -33,7 +33,7 @@ class Successpop extends React.Component {
   }
   render() {
     return (
-      <div className="successpop modal_center">
+      <div className="successpop modal_center md3">
         <Button className="close" onClick={this.closePop}></Button>
         <span className="bg"></span>
         <div className="barbox">

src/pages/homepahe/homepahe.jsx

@@ -11,6 +11,7 @@ import { Toast } from '@spark/ui';
 import BarItem from '@src/components/barItem/barItem';
 import { RES_PATH } from '../../../sparkrc';
 import { SvgaPlayer } from '@spark/svgaplayer';
+import { _asyncThrottle } from '@src/utils/utils';
 
 @observer
 class Homepahe extends React.Component {
@@ -45,7 +46,7 @@ class Homepahe extends React.Component {
     }
     store.changePage(PAGE_MAP.DETAIL_PAGE)
   }
-  click_StartBtn() {
+  click_StartBtn = _asyncThrottle(() => {
     if (!store.checkTime()) {
       return
     }
@@ -55,7 +56,7 @@ class Homepahe extends React.Component {
       return
     }
     store.startGame()
-  }
+  })
   render() {
     return (
       <div className="homepahe modal_center">
@@ -70,9 +71,9 @@ class Homepahe extends React.Component {
         }
         <span className="gamebarbg"></span>
         <BarItem left={88} top={361} scaleNum={1} barInfo={store.homeInfo?.boxInfo} nowScore={store.homeInfo.todayMaxScore}></BarItem>
-        <SvgaPlayer className="startbtn" src={RES_PATH + "svga/1输出首页按钮.svga"} onClick={this.click_StartBtn}></SvgaPlayer>
+        <SvgaPlayer className="startbtn md2" src={RES_PATH + "svga/1输出首页按钮.svga"} onClick={this.click_StartBtn}></SvgaPlayer>
         {/* <span className="title"></span> */}
-        <Button className="rule" onClick={this.click_Rule}></Button>
+        <Button className="rule md1" onClick={this.click_Rule}></Button>
         <Button className="rank" onClick={this.click_Rank}></Button>
         <Button className="detail" onClick={this.click_Detail}></Button>
       </div>

src/store/index.js

@@ -5,6 +5,8 @@ import { GetCurrSkinId, getCustomShareId } from "@src/utils/utils";
 import { Toast } from '@spark/ui';
 import modalStore from './modal';
 import { AESDecrypt, AESEncrypt } from '@src/utils/Crypto';
+import { getDomain } from '@spark/dbdomain';
+import { miniDoShare } from '@src/utils/share';
 
 const skinId = GetCurrSkinId() || getCustomShareId();
 
@@ -108,7 +110,23 @@ const store = makeAutoObservable({
     }
     // modalStore.pushPop("Successpop", data)
     // modalStore.pushPop("Failpop", data)
-  }
+  },
+   /** 分享 */
+   async doShare() {
+    const { shareInfo } = store.frontVariable;
+    const domain = await getDomain();   //获取域名
+    let _url = `${domain}/projectx/${CFG.projectId}/index.html?appID=${CFG.appID}`;
+    const shareUrl = `${(domain || location.origin)}${CFG.loginMidUrl}${encodeURIComponent(_url)}`;
+    // 分享方法
+    console.info(shareInfo)
+    const _shareInfo = {
+      title: shareInfo?.title,
+      desc: shareInfo?.content,
+      imgUrl: shareInfo?.thumbnail,
+      link: shareUrl
+    }
+    miniDoShare(_shareInfo)
+  },
 
 })
 export default store;