diff --git a/.env.development b/.env.development index b8abc9c..f7809a6 100644 --- a/.env.development +++ b/.env.development @@ -17,6 +17,8 @@ VUE_APP_CHAIN_ID = '5611' VUE_APP_APP_NAME = 'CF UAW' +VUE_APP_MODE = 'development' + # 铭文的验证地址 VUE_APP_SCRIPTION_ADDRESS='0xcd4bb3402f1a444a1af10f31946ed37dac0eac4d' # VUE_APP_SCRIPTION_ADDRESS='0x50A8e60041A206AcaA5F844a1104896224be6F39' diff --git a/.env.production b/.env.production index d2ffe14..1cabaf8 100644 --- a/.env.production +++ b/.env.production @@ -15,5 +15,7 @@ VUE_APP_CHAIN_ID = '204' VUE_APP_APP_NAME = 'CF UAW' +VUE_APP_MODE = 'production' + VUE_APP_SCRIPTION_ADDRESS='0xcd4bb3402f1a444a1af10f31946ed37dac0eac4d' VUE_APP_CONTRACT='0x03B6f01EB419915B1F157e67C8263101ddd6E15e' \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 14b59aa..6ba37b5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "uawgame", "version": "0.1.0", "dependencies": { + "@cloudcare/browser-rum": "^3.1.11", "@walletconnect/ethereum-provider": "^2.11.2", "@walletconnect/modal": "^2.6.2", "axios": "^1.6.8", @@ -1851,6 +1852,28 @@ "node": ">=6.9.0" } }, + "node_modules/@cloudcare/browser-core": { + "version": "3.1.11", + "resolved": "https://registry.npmmirror.com/@cloudcare/browser-core/-/browser-core-3.1.11.tgz", + "integrity": "sha512-GX5UIyvznSIO11N2DCaHL7NcniogMYAo7f7AQKDIgGKpFM9s6QspwY43XituUC8veSBvlSiPdE72MTCJF9ACxA==" + }, + "node_modules/@cloudcare/browser-rum": { + "version": "3.1.11", + "resolved": "https://registry.npmmirror.com/@cloudcare/browser-rum/-/browser-rum-3.1.11.tgz", + "integrity": "sha512-zVNV0TxpIhiC18ge3Gjqiuep5Z3VB8uJdFDtSSoKac/2nFUnILQGE7MMunIbA4yATOy2UzDqDIbcHH3a2DK1Kw==", + "dependencies": { + "@cloudcare/browser-core": "3.1.11", + "@cloudcare/browser-worker": "3.1.11" + } + }, + "node_modules/@cloudcare/browser-worker": { + "version": "3.1.11", + "resolved": "https://registry.npmmirror.com/@cloudcare/browser-worker/-/browser-worker-3.1.11.tgz", + "integrity": "sha512-Rs1Nvb/38DmSX12TRHTgr6GjeUEWwkNrJLFPSohiOjEZVhq5gVVk/r3vutRs3hCaKW1Fh++ouMECzh1vp2rywA==", + "dependencies": { + "@cloudcare/browser-core": "3.1.11" + } + }, "node_modules/@discoveryjs/json-ext": { "version": "0.5.7", "resolved": "https://registry.npmmirror.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz", diff --git a/package.json b/package.json index 2ba182f..229d42c 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "lint": "vue-cli-service lint" }, "dependencies": { + "@cloudcare/browser-rum": "^3.1.11", "@walletconnect/ethereum-provider": "^2.11.2", "@walletconnect/modal": "^2.6.2", "axios": "^1.6.8", @@ -22,10 +23,10 @@ "postcss-px-to-viewport": "^1.1.1", "swiper": "^5.4.5", "vue": "^2.6.14", + "vue-gtag": "^1.16.1", "vue-loader": "^15.10.1", "vue-router": "^3.5.1", "vuex": "^3.6.2", - "vue-gtag": "^1.16.1", "web3": "^4.5.0" }, "devDependencies": { diff --git a/src/assets/username/Counter Fire.jpg b/src/assets/username/Counter Fire.jpg new file mode 100644 index 0000000..a543b96 Binary files /dev/null and b/src/assets/username/Counter Fire.jpg differ diff --git a/src/assets/username/Gaming Chronicles.jpg b/src/assets/username/Gaming Chronicles.jpg new file mode 100644 index 0000000..f66897d Binary files /dev/null and b/src/assets/username/Gaming Chronicles.jpg differ diff --git a/src/components/checkBtn.vue b/src/components/checkBtn.vue index 3015c4e..ec7598f 100644 --- a/src/components/checkBtn.vue +++ b/src/components/checkBtn.vue @@ -8,6 +8,7 @@ diff --git a/src/main.js b/src/main.js index 1c8068a..379b1e4 100644 --- a/src/main.js +++ b/src/main.js @@ -38,6 +38,22 @@ Vue.use(VueGtag, { // duration: 3 * 1000 // }) // } +//引入观测云rum的sdk +import { datafluxRum } from '@cloudcare/browser-rum' +datafluxRum.init({ + applicationId: '20efe220_006a_11ef_941d_2d8bd5427e6e', + site: 'https://ap1-rum-openway.guance.one', + clientToken: '2OQwyC5Quls2McUi6QIUF7mzxD3ryhHDFwIMQHBBfUoiNCR_OQ', + env: process.env.VUE_APP_MODE, + version: '1.0.0', + service: 'browser', + sessionSampleRate: 100, + sessionReplaySampleRate: 70, + trackInteractions: true, + traceType: 'ddtrace', // 非必填,默认为ddtrace,目前支持 ddtrace、zipkin、skywalking_v3、jaeger、zipkin_single_header、w3c_traceparent 6种类型 + allowedTracingOrigins: ['https://api.example.com',/https:\/\/.*\.my-api-domain\.com/], // 非必填,允许注入trace采集器所需header头部的所有请求列表。可以是请求的origin,也可以是是正则 +}); +datafluxRum.startSessionReplayRecording() Vue.config.productionTip = false diff --git a/src/views/home/boxBtm.vue b/src/views/home/boxBtm.vue index f74efb6..2457bb2 100644 --- a/src/views/home/boxBtm.vue +++ b/src/views/home/boxBtm.vue @@ -79,7 +79,7 @@ COMMON RARE MYTHICAL - LEGENDAY + LEGENDARY
@@ -273,7 +273,7 @@ export default { myRecordsList: [], boostingPageSize: 6, boostingCurrentPage: 1, - isLoading: false + isLoading: false, } }, computed: { @@ -311,7 +311,6 @@ export default { // 助力进度条 filteredBoxBar() { - console.log('this.boxData.bounsCount',this.boxData.bounsCount,this.boxData.maxBounsCount) if(this.boxData.bounsCount) { return Number(this.boxData.bounsCount) / Number(this.boxData.maxBounsCount) * 100 } else { @@ -468,6 +467,10 @@ export default { oInput.className = "oInput"; oInput.style.display = "none"; this.$message.success("Copy succeeded"); + let address_type = localStorage.getItem("myAddress") + this.$gtag.event("invite_new",{ + address_type: address_type, + }) }, // 关闭弹窗 diff --git a/src/views/home/index.vue b/src/views/home/index.vue index d49dc88..fbe4f2e 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -643,6 +643,7 @@ import Loading from "@/components/loading.vue"; import RuleDialog from "./ruleDialog.vue"; import NftPartner from './nftPartner.vue' import { getToken } from "@/utils/cookies.js"; +import { datafluxRum } from '@cloudcare/browser-rum' // import { getWalletAddress, isWalletConnected, linkWallet } from "@/wallet/index.js"; import { apiUploadInviteCode, @@ -836,6 +837,7 @@ export default { this.helpConfirm() } } + this.countTime() } else { this.walletDialogVisible = true; } @@ -894,7 +896,7 @@ export default { await this.getProgress(); } } - + this.rumGtag(data.task) if (data.task == "TwitterConnect") { await this.loginTwitter(data.id); } else if(data.task == "TwitterFollow") { @@ -1270,6 +1272,10 @@ export default { oInput.className = "oInput"; oInput.style.display = "none"; this.$message.success("Copy succeeded"); + let address_type = localStorage.getItem("myAddress") + this.$gtag.event("invite_new",{ + address_type: address_type, + }) } else { this.walletDialogVisible = true; } @@ -1359,6 +1365,41 @@ export default { openLink() { window.open('https://medium.com/@CounterFire/hills-treasure-hunt-3d076f637838') }, + + // 事件点打点 + countTime: function() { + var now = new Date().getTime() + let refreshTime = new Date(new Date().toLocaleDateString()).getTime()+86400000 + // +86400000; .getTime() + let leftTime = refreshTime - now + if(leftTime <= 0) { + this.eventGtag() + } + setTimeout(this.countTime, 1000); + }, + // 倒计时更新登录 + clearEndTime(startTime) { + if(startTime == 0){ + let interval_id = setInterval(()=> { + clearInterval(interval_id) + // window.location.reload() + },2000) + } + }, + // Google gtag打点 + eventGtag() { + let address_type = localStorage.getItem('myAdderss') + this.$gtag.event("login_info", { + address_type: address_type, + }) + }, + + // 观测云 埋点 + rumGtag(name) { + datafluxRum.addRumGlobalContext('task_type', { + name: name, + }); + }, } };