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

 前言

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

 

如果您有更多的建议或经验可以在社群中与我们分享

让我们一起共建社区

添加ClkLog微信好友 加入社群

 

 

posted @   ClkLog  阅读(11)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示