Demo发布- ClkLog客户端集成-React Native

简介: ClkLog是一款支持开源和商业付费的用户行为分析软件系统,通过采集客户端行为日志数据,在开源的OLAP数据库上进行模型分析。常见的客户端有Web JS、IOS、Andriod 、小程序等,以及react-native 、uni-app等。Clklog方案选用了\神策提供的开源SDK来进行数据采集。

前言

ClkLog是一款支持开源和商业付费的用户行为分析软件系统,通过采集客户端行为日志数据,在开源的OLAP数据库上进行模型分析。常见的客户端有Web JS、IOS、Andriod 、小程序等,以及react-native 、uni-app等。Clklog方案选用了\神策提供的开源SDK来进行数据采集。

最近两个客户使用React Native集成神策SDK的时候,由于React Native开发环境的复杂性,遇到了困难,希望Clklog提供技术支持。ClkLog专门安排研发工程师和合作伙伴验证和制作了一套集成demo,并开源出来供大家参考。大家可以根据demo中的环境与配置进行集成验证。如果自己的环境和demo环境不一致,可能还需要大家自己研究下。

React Native-demo说明

本demo支持IOS和Android,并实现了相关功能点的示例。
●示例包含的内容:
1、神策react-native-sdk在IOS端和Android端的集成和初始化demo
2、全埋点的代码的接入
3、会话的接入
4、简易用户的接入示例
5、自定义事件的接入示例
6、自定义用户属性的接入示例
7、自定义页面标题的接入示例

由于ClkLog 的数据统计需开启会话跟踪和App崩溃事件,我们在集成过程中发现神策SDK:sensorsdata-analytics-react-native sdk 默认不开启相关配置,所以 demo 中使用的 sdk 是从官网 fork 后修改过的版本。

●fork 后修改过的sdk源码:
https://gitee.com/clklog/sensorsdata-analytics-react-native-for-clklog
●fork 后修改sdk的详细记录:
https://gitee.com/clklog/sensorsdata-analytics-react-native-for-clklog/commits/master
●sdk 修改的内容:
1.修改神策sdk模块依赖。
2.神策sdk在android/build.gradle的依赖配置方式。
3.Android初始化时AppCrash事件跟踪的开启和会话的配置。
4.iOS初始化时AppCrash事件跟踪的开启和会话的配置。

demo源码地址

我们分别在gitee和github中上传了demo,欢迎大家前来围观。
https://gitee.com/clklog/clklog-react-native-demo
https://github.com/clklog/clklog-react-native-demo


结束语.png

相关文章
|
29天前
|
XML 测试技术 API
利用C#开发ONVIF客户端和集成RTSP播放功能
利用C#开发ONVIF客户端和集成RTSP播放功能
886 122
|
8月前
|
前端开发 安全 开发工具
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
414 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
5月前
|
JSON 前端开发 算法
掌握Multi-Agent实践(三):ReAct Agent集成Bing和Google搜索功能,采用推理与执行交替策略,增强处理复杂任务能力
掌握Multi-Agent实践(三):ReAct Agent集成Bing和Google搜索功能,采用推理与执行交替策略,增强处理复杂任务能力
307 23
|
10月前
|
数据采集 开发工具 图形学
Demo发布 | ClkLog成功集成Unity3D
在Clklog完成 React Native 和 uni-app 集成 Demo 后,一个游戏行业新客户提出了使用 Unity3D 开发的集成问题。对此,我们与客户分别进行了测试。 客户使用神策Andriod原生SDK在Android 端暴露接口给 Unity3D的方式,验证了使用ClkLog进行数据采集的可行性。
127 12
|
11月前
|
移动开发 小程序 开发工具
Demo发布- ClkLog客户端集成 uni-app
在上一期推文中,我们与大家分享了 React Native 的集成 demo。本期,我们将继续介绍 ClkLog 集成 uni-app 的 demo。 uni-app 允许开发者编写一套代码,然后可以编译到 iOS、Android、H5 以及各种小程序等多个平台。因此,本次 demo 中将涵盖上述所有平台,并且我们会详细说明集成过程中遇到的难点及解决方案。
|
5月前
|
缓存 前端开发 数据安全/隐私保护
如何使用组合组件和高阶组件实现复杂的 React 应用程序?
如何使用组合组件和高阶组件实现复杂的 React 应用程序?
229 68
|
5月前
|
缓存 前端开发 Java
在 React 中,组合组件和高阶组件在性能方面有何区别?
在 React 中,组合组件和高阶组件在性能方面有何区别?
212 67
|
5月前
|
前端开发 JavaScript 安全
除了高阶组件和render props,还有哪些在 React 中实现代码复用的方法?
除了高阶组件和render props,还有哪些在 React 中实现代码复用的方法?
224 62
|
7月前
|
前端开发 JavaScript
除了使用Route组件,React Router还有其他方式处理404错误页面吗
除了使用Route组件,React Router还有其他方式处理404错误页面吗
183 58
|
7月前
|
前端开发
React 中高阶组件的原理是什么?
React 中高阶组件的原理是什么?
193 57