firebase js H5 动态链接生成及跳转到app

需求：H5页面 使用firebase 生成短链接跳转到相应的app中某一个具体页面

1. 在firebase 新建 网页应用 获取api_key 在自己项目中集成已经新建好的 firebase 的js sdk
2. 集成js sdk 的方法有三种 可以在自己新建的 网页应用 中选择，点击此处是官网地址
   我这里选择的是CDN的方式 ，下图是控制台中新建的 网页应用 ，新建应用后会自动生成firebaseConfig image.png
3. 这里的 firebaseConfig 里面有自己应用很重要的参数 特别是 api_key 在后面将长链接转换为短链接的时候要使用

4. 根据业务需求在 控制台里面新建动态链接（这个动态链接可以先让app端定义好）

   
   image.png
   image.png
5. 动态链接需要与app端配合，让app端将他们需要的 动态链接 地址和 app 端需要的参数定义好（两个都定义好后凭借出来就是 长链接，如果app端解析使用的不是短链接那么到此处就可以实现 H5 页面跳转到 app 端具体页面了）
6. 将长链接转换为短链接，这里是官网的 api https://firebase.google.cn/docs/dynamic-links/rest 不得不说在这一步的时候遇到了坑
   image.png
   我是直接使用这个方法，但是接口一直返回的都是400 查阅后看到官网上有这一句话
   image.png
   然后查询资料 并没有发现配置白名单的地方，曾一度卡在这里。因为找不到白名单配置的地方 所以只能使用利用参数创建短链接 image.png
   使用此种方式发现接口能狗调用成功 但是跳转到 app 中具体页面时 发现只能打开 app 并不能直接进入的特定页面
   后来询问 app 端 需要传入参数https://firebase.google.cn/docs/reference/dynamic-links/link-shortener
   image.png
   这些为必填字段
   image.png
   到这一步就能实现跳转到 app 相应页面了