- 新增邀请统计页面,包含统计概览、邀请记录和排行榜三个标签页 - 实现邀请统计数据的获取和展示,包括总邀请数、成功注册数、转化率等 - 添加邀请记录的查询和展示功能 - 实现邀请排行榜的查询和展示功能 - 新增生成小程序码和处理邀请场景值的接口
95 lines
2.6 KiB
TypeScript
95 lines
2.6 KiB
TypeScript
import {useEffect} from 'react'
|
||
import Taro, {useDidShow, useDidHide} from '@tarojs/taro'
|
||
|
||
// 全局样式
|
||
import './app.scss'
|
||
import {loginByOpenId} from "@/api/layout";
|
||
import {TenantId} from "@/config/app";
|
||
import {saveStorageByLoginUser} from "@/utils/server";
|
||
import {parseInviteParams, saveInviteParams, trackInviteSource, handleInviteRelation} from "@/utils/invite";
|
||
|
||
function App(props: { children: any; }) {
|
||
const reload = () => {
|
||
Taro.login({
|
||
success: (res) => {
|
||
loginByOpenId({
|
||
code: res.code,
|
||
tenantId: TenantId
|
||
}).then(async data => {
|
||
if (data) {
|
||
saveStorageByLoginUser(data.access_token, data.user)
|
||
|
||
// 处理邀请关系
|
||
if (data.user?.userId) {
|
||
try {
|
||
const inviteSuccess = await handleInviteRelation(data.user.userId)
|
||
if (inviteSuccess) {
|
||
console.log('自动登录时邀请关系建立成功')
|
||
}
|
||
} catch (error) {
|
||
console.error('自动登录时处理邀请关系失败:', error)
|
||
}
|
||
}
|
||
}
|
||
})
|
||
}
|
||
})
|
||
};
|
||
// 可以使用所有的 React Hooks
|
||
useEffect(() => {
|
||
// Taro.getSetting:获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。
|
||
Taro.getSetting({
|
||
success: (res) => {
|
||
if (res.authSetting['scope.userInfo']) {
|
||
reload();
|
||
}
|
||
}
|
||
});
|
||
}, []);
|
||
|
||
// 对应 onShow
|
||
useDidShow(() => {
|
||
// 处理小程序启动参数中的邀请信息
|
||
const options = Taro.getLaunchOptionsSync()
|
||
handleLaunchOptions(options)
|
||
})
|
||
|
||
// 处理启动参数
|
||
const handleLaunchOptions = (options: any) => {
|
||
try {
|
||
console.log('小程序启动参数:', options)
|
||
|
||
// 解析邀请参数
|
||
const inviteParams = parseInviteParams(options)
|
||
if (inviteParams) {
|
||
console.log('检测到邀请参数:', inviteParams)
|
||
|
||
// 保存邀请参数到本地存储
|
||
saveInviteParams(inviteParams)
|
||
|
||
// 统计邀请来源
|
||
trackInviteSource(inviteParams.source || 'unknown', parseInt(inviteParams.inviter || '0'))
|
||
|
||
// 显示邀请提示
|
||
setTimeout(() => {
|
||
Taro.showToast({
|
||
title: '检测到邀请信息',
|
||
icon: 'success',
|
||
duration: 2000
|
||
})
|
||
}, 1000)
|
||
}
|
||
} catch (error) {
|
||
console.error('处理启动参数失败:', error)
|
||
}
|
||
}
|
||
|
||
// 对应 onHide
|
||
useDidHide(() => {
|
||
})
|
||
|
||
return props.children
|
||
}
|
||
|
||
export default App
|