reactnative对接firebase统计

我正在参加「掘金·启航计划」

由于客户是做跨境电商的，接触的很多都是外国客户。所以项目中没有用国内的统计平台，选择了谷歌的firebase。作为开发者我也是第一次对接。既然是客户的要求，那我们只能去研究完成了。话不多说，开搞！

一、需求分析

1、统计需要统计什么内容，比如付费、下单、登录或注册
2、firebase是否适配reactnative，毕竟安卓和ios都要对接
3、技术文档是否全面，国内网络是否可行
4、代码及集成

二、具体实现

2.1、登录firebase平台，创建属于自己的应用

http://firebase.google.com/这是firebase的平台，里面包括很多东西，比如常见的统计、推送、自定义事件等等。今天我们对接的是统计，那就先不管其他的了。
firebase需要登录，你还需要准备一个谷歌账号，在登录过后我们就可以看见这个页面

在这里我们可以添加一个项目，创建项目就很简单了，我们点击添加项目按照平台的步骤，一步一步的填写必要的信息就可以了，而且只需要三步就可以完成新项目的创建了哦！ 成功创建项目之后进入项目控制台，在控制台中下载google-services.json文件，这个很重要，需要放到我们项目中的。

2.2、代码集成

首先我们要安装必要的依赖

# Install & setup the app module
yarn add @react-native-firebase/app

# Install the analytics module
yarn add @react-native-firebase/analytics

# If you're developing your app using iOS, run this command
cd ios/ && pod install

安装依赖成功之后，firebase会有默认的统计，比如激活、首次打开应用等，如果我们需要统计到特定的一些事件，我们可以自定义。然后在需要统计的页面中调用analytics,具体代码：

import react, { useEffect } from 'react';
import { View, Button } from 'react-native';
import analytics from '@react-native-firebase/analytics';

<Button
        title="Add To Basket"
        onPress={async () =>
          await analytics().logEvent('basket', {
            id: 3745092,
            item: 'mens grey t-shirt',
            description: ['round neck', 'long sleeved'],
            size: 'L',
          })
        }
      />

2.3、总结

总的来说firebase统计还是很简单的，各种文档也比较全面。但是需要vpn外网。否则就算对接成功也会统计不到数据。好了统计我们就说到这里，下篇我们讲firebase的消息推送，这个就要复杂很多了。