feats

config/dev.js

     NODE_ENV: '"development"'
   },
   defineConstants: {
-    HOST: 'https://a.t.njyunzhi.com'
+    HOST: '"https://a.t.njyunzhi.com"'
   },
   mini: {
     debugReact: true

config/prod.js

     NODE_ENV: '"production"'
   },
   defineConstants: {
+    HOST: '"https://a.t.njyunzhi.com"'
   },
   mini: {},
   h5: {

src/app.config.js

-export default {
-  pages: [
-    'pages/ShouYe/index', // tab-首页
-    'pages/ShouYe/HuoDong/index', // 首页-活动
-    'pages/ShouYe/ZiXun/index', // 首页-资讯
-
-    'pages/WuYe/index', // tab-物业
-    'pages/WuYe/FuWuDetail/index', // 物业-服务详情
-    'pages/WuYe/GongGaoDetail/index', // 物业-公告详情
-    'pages/WuYe/BaoXiuQuYu/index', // 物业-报修区域
-    'pages/WuYe/TianJiaBaoXiu/index', // 物业-添加报修
-    'pages/WuYe/BaoXiuDetail/index', // 物业-报修详情
-    'pages/WuYe/BaoXiuFeiYong/index', // 物业-报修费用
-    'pages/WuYe/JiaoFeiDetail/index', // 物业-缴费详情
-
-    'pages/HuoDong/index', // tab-活动
-    'pages/HuoDong/HuoDongDetail/index', // 活动-活动详情
-    'pages/HuoDong/ZiXunDetail/index', // 活动-资讯详情
+const pages = require('./pages')
 
-    'pages/FuLi/index', // tab-福利
-    'pages/FuLi/ShangPinXiangQing/index', // 福利-商品详情
-    'pages/FuLi/ShangPinDuiHuan/index', // 福利-商品兑换
-    'pages/FuLi/JiFenGuiZe/index', // 福利-积分规则
-    'pages/FuLi/JiFenMingXi/index', // 福利-积分明细
-
-    'pages/WoDe/index', // tab-我的
-    'pages/WoDe/GeRenXinXi/index', // 我的-个人信息
-    'pages/WoDe/YeZhuRenZheng/index', // 我的-业主认证
-    'pages/WoDe/YeZhuShenHe/index', // 我的-业主审核
-    'pages/WoDe/WoDeHuoDong/index', // 我的-我的活动
-    'pages/WoDe/TuiJianErWeiMa/index', // 我的-推荐二维码
-    'pages/WoDe/TuiJianFenXiang/index', // 我的-推荐分享
-  ],
+export default {
+  pages: pages.map(x => x.page),
   tabBar: {
     color: '#666666',
     selectedColor: '#971C21',

src/app.js

 import React, { Component } from 'react'
-import Taro from '@tarojs/taro'
+import Taro, { getCurrentInstance } from '@tarojs/taro'
 import { StoreRoot, store } from './store'
+import { deepCopy } from './utils'
+import request, { apis } from './utils/request'
+import { trackUserSource } from './utils/track'
 import './app.less'
 
 class App extends Component {
+  updateTracing;
 
   onLaunch (options) {
     // 此处获取不到 state, 因为 app 不会刷新
-    const { setUser } = store.getModel('user').getState()
     const { setSysInfo } = store.getModel('sys').getState()
-
+    
     // 预拉取数据
     wx.getBackgroundFetchData({
       fetchType: 'pre',
         }
       }
     })
+  }
+
+  // 在此处是为了兼容热启动
+  componentDidShow() {
+    const { setUser } = store.getModel('user').getState()
+
+    // 保存刚进入系统时的router
+    const router = getCurrentInstance().router
+
+    // 如果是分享或者扫码
+    // scene 与其它参数时互斥的. 有 scene 说明时扫码进来的
+    const { from, recommender, scene } = router.params
 
     // 登录
     Taro.login({
       success: res => {
         if (res.errMsg === 'login:ok') {
-          // res.code
+          request({ ...apis.login, params: { code: res.code, from, recommender, scene } }).then(x => {
+            setUser(x.person)
+            Taro.setStorage({ key: 'token', data: x.token })
+
+            // 埋点
+            if (recommender || x.scene) {
+              updateTracing = trackUserSource(router, x.scene)
+            }
+          })
         }
       }
     })
   }
 
+  componentDidHide() {
+    if (this.updateTracing) {
+      this.updateTracing()
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.updateTracing) {
+      this.updateTracing()
+    }
+  }
+
   // this.props.children 是将要会渲染的页面
   render () {
     return (

src/pages.js

+
+module.exports = [
+  {
+    name: '首页',
+    page: 'pages/ShouYe/index',
+    type: 'main',
+  },
+
+  {
+    name: '物业',
+    page: 'pages/WuYe/index',
+    type: 'property',
+  },
+
+  {
+    name: '活动',
+    page: 'pages/HuoDong/index',
+    type: 'activity',
+  },
+
+  {
+    name: '福利',
+    page: 'pages/FuLi/index',
+    type: 'shop',
+  },
+
+  {
+    name: '我的',
+    page: 'pages/WoDe/index',
+    type: 'other',
+  }
+  
+  // [
+  //   'pages/ShouYe/index', // tab-首页
+  //   'pages/ShouYe/HuoDong/index', // 首页-活动
+  //   'pages/ShouYe/ZiXun/index', // 首页-资讯
+
+  //   'pages/WuYe/index', // tab-物业
+  //   'pages/WuYe/FuWuDetail/index', // 物业-服务详情
+  //   'pages/WuYe/GongGaoDetail/index', // 物业-公告详情
+  //   'pages/WuYe/BaoXiuQuYu/index', // 物业-报修区域
+  //   'pages/WuYe/TianJiaBaoXiu/index', // 物业-添加报修
+  //   'pages/WuYe/BaoXiuDetail/index', // 物业-报修详情
+  //   'pages/WuYe/BaoXiuFeiYong/index', // 物业-报修费用
+  //   'pages/WuYe/JiaoFeiDetail/index', // 物业-缴费详情
+
+  //   'pages/HuoDong/index', // tab-活动
+  //   'pages/HuoDong/HuoDongDetail/index', // 活动-活动详情
+  //   'pages/HuoDong/ZiXunDetail/index', // 活动-资讯详情
+
+  //   'pages/FuLi/index', // tab-福利
+  //   'pages/FuLi/ShangPinXiangQing/index', // 福利-商品详情
+  //   'pages/FuLi/ShangPinDuiHuan/index', // 福利-商品兑换
+  //   'pages/FuLi/JiFenGuiZe/index', // 福利-积分规则
+  //   'pages/FuLi/JiFenMingXi/index', // 福利-积分明细
+
+  //   'pages/WoDe/index', // tab-我的
+  //   'pages/WoDe/GeRenXinXi/index', // 我的-个人信息
+  //   'pages/WoDe/YeZhuRenZheng/index', // 我的-业主认证
+  //   'pages/WoDe/YeZhuShenHe/index', // 我的-业主审核
+  //   'pages/WoDe/WoDeHuoDong/index', // 我的-我的活动
+  //   'pages/WoDe/TuiJianErWeiMa/index', // 我的-推荐二维码
+  //   'pages/WoDe/TuiJianFenXiang/index', // 我的-推荐分享
+  // ],
+]

src/store/models/index.js

 import useSystem from './useSystem'
+import useAppRouter from './useAppRouter'
 import useUser from './useUser'
 
 const models = {
+  'appRouter': useAppRouter,
   'sys': useSystem,
   'user': useUser,
 }

src/store/models/useAppRouter.js

+import React, { useEffect, useState } from 'react'
+import Taro from '@tarojs/taro'
+
+// 保存系统进入时的参数
+export default function useAppRouter() {
+  const [router, setRouter] = useState()
+
+  return {
+    router,
+    setRouter
+  }
+}

src/store/models/useSystem.js

 import React, { useEffect, useState } from 'react'
 import Taro from '@tarojs/taro'
 
-export default function useBar() {
+// 保存系统相关参数
+export default function useSystem() {
   const [sysInfo, setSysInfo] = useState()
 
   // const updateSysInfo = data => {

src/store/models/useUser.js

 import React, { useEffect, useState } from 'react'
 import Taro from '@tarojs/taro'
 
-export default function useBar() {
+export default function useUser() {
   const [user, setUser] = useState({})
 
   // const updateUser = data => {

src/utils/api.js

-const prefix = process.env.NODE_ENV === 'production' ? '' : '/api'
+const host = HOST
+const prefix = `${host}/api/wx`
 
 const $api = {
-  Demo: {
-    method: 'get',
-    url: `${prefix}/wx`
+  login: {
+    method: 'post',
+    url: `${prefix}/login`
+  },
+
+  saveShareFrom: {
+    method: 'post',
+    url: `${prefix}/share-person`
+  },
+
+  // 埋点
+  saveTracking: {
+    method: 'post',
+    url: `${prefix}/taPersonVisitRecord`
+  },
+
+  // 更新埋点
+  updateTracking: {
+    method: 'put',
+    url: `${prefix}/taPersonVisitRecord/:id`
   }
+
 }
 
+
 export default $api

src/utils/index.js

+
+// 深度拷贝
+export const deepCopy = x => JSON.parse(JSON.stringify(X))

src/utils/request.js

 import Taro from '@tarojs/taro'
+import log from './rtLog'
+import $api from './api'
 
 const accountInfo = Taro.getAccountInfoSync()
 const appId = accountInfo.miniProgram.appId
   return Object.entries(query || {}).map(pair => `${encodeURIComponent(pair[0])}=${encodeURIComponent(pair[1])}`).join('&')
 }
 
+const transPathArgs = (path, args) => {
+  return path.split('/').map(part => {
+    return part && part.indexOf(':') === 0 ? args[part.substring(1)] : part
+  }).join('/')
+}
+
+/**
+ * 发起请求
+ * 
+ * @param {*} options 
+ */
 const request = options => {
-  const { url, params, header, ...leftOpts } = options || {}
+  // args     path 参数
+  // params   query 参数
+  // data     body 参数
+  const { args, params, silent, url, header, ...leftOpts } = options || {}
 
   let realURL = url
-  if (!params) {
+  if (args) {
+    realURL = transPathArgs(url, args)
+  }
+
+  if (params) {
     realURL += `?${query2String(params)}`
   }
 
       ...config,
       success: res => {
         if (res.statusCode >= 300) {
-          const errMsg = `网络错误: ${res.statusCode}`
-          Taro.showToast({
-            title: errMsg,
-            icon: 'none',
-            duration: 3000
-          })
+          log.error(res, '==>', config)
+
+          if (!silent) {
+            const errMsg = `网络错误: ${res.statusCode}`
+            Taro.showToast({
+              title: errMsg,
+              icon: 'none',
+              duration: 3000
+            })
+          }
           return
         }
 
         }
       },
       fail: err => {
-        console.error(err)
+        log.error(err, '==>', config)
 
-        const message = err.errMsg || err.message || ''
-        const errMsg = message.indexOf('java') > -1 ? '服务内部错误' : `网络错误: ${message}`
-
-        Taro.showToast({
-          title: errMsg,
-          icon: 'none',
-          duration: 3000
-        })
+        if (!silent) {
+          const message = err.errMsg || err.message || ''
+          const errMsg = message.indexOf('java') > -1 ? '服务内部错误' : `网络错误: ${message}`
+  
+          Taro.showToast({
+            title: errMsg,
+            icon: 'none',
+            duration: 3000
+          })
+        }
 
         // reject(err)
       }
 // request 不带 loading, 也不带错误处理
 export default request
 
+//
+export const apis = $api
+
 // 比 request 增加了 loading 以及 错误提示
 export function request2(options) {
   const { showOk, okMessage, showLoading, ...config } = options || {}

src/utils/rtLog.js

+
+let logger = wx.getRealtimeLogManager ? wx.getRealtimeLogManager() : null;
+
+function info(...args) {
+  // 本地打印
+  console.info(...args)
+
+  // 远程提交
+  if (logger) {
+    logger.info(...args)
+  }
+}
+
+function error(...args) {
+  console.error(...args)
+
+  if (logger) {
+    logger.error(...args)
+  }
+}
+
+function warn(...args) {
+  console.warn(...args)
+
+  if (logger) {
+    logger.warn(...args)
+  }
+}
+
+export default { info, error, warn }

src/utils/track.js

+import request, { apis } from './request'
+
+const pages = require('../pages')
+
+/**
+ * 用户来源
+ * @param {*} router 
+ */
+// eslint-disable-next-line import/prefer-default-export
+export async function trackUserSource(router, qrcode) {
+  const { path, scene, params } = router || {}
+
+  const pageInfo = pages.filter(x => path.indexOf(x.page) > -1)[0] || { type: 'other', name: '其他' }
+
+  const trackPayload = {
+    event: 'start',
+    eventType: pageInfo.type,
+    propertyName: pageInfo.name,
+    data: '{}',
+    id: params.id,
+    buildingId: undefined,
+    realScene: scene,
+    sceneId: params.scene,
+    sharePersonId: (qrcode || {}).recommender || params.recommender,
+  }
+
+  try {
+    const sceneList = [1005, 1006, 1053, 1042, 1007, 1008, 1011, 1012, 1013, 1045, 1046, 1047, 1048, 1058, 1067, 1000]
+
+    if (sceneList.indexOf(trackPayload.sceneId) === -1) {
+      trackPayload.sceneId = 1000
+    }
+    const { recordId } = await request({ ...apis.saveTracking, silent: true, data: trackPayload })
+
+    return () => request({ ...apis.updateTracking, silent: true, args: { id: recordId } })
+  } catch (e) {
+    console.error('进入小程序埋点出错:', e);
+    return function () { }
+  }
+}