需求:H5頁面 使用firebase 生成短鏈接跳轉(zhuǎn)到相應(yīng)的app中某一個具體頁面
- 在firebase 新建 網(wǎng)頁應(yīng)用 獲取api_key 在自己項目中集成已經(jīng)新建好的 firebase 的js sdk
- 集成js sdk 的方法有三種 可以在自己新建的 網(wǎng)頁應(yīng)用 中選擇,點擊此處是官網(wǎng)地址
我這里選擇的是CDN的方式 见咒,下圖是控制臺中新建的 網(wǎng)頁應(yīng)用 偿衰,新建應(yīng)用后會自動生成firebaseConfigimage.png - 這里的 firebaseConfig 里面有自己應(yīng)用很重要的參數(shù) 特別是 api_key 在后面將長鏈接轉(zhuǎn)換為短鏈接的時候要使用
-
根據(jù)業(yè)務(wù)需求在 控制臺里面新建動態(tài)鏈接(這個動態(tài)鏈接可以先讓app端定義好)
image.png
image.png - 動態(tài)鏈接需要與app端配合,讓app端將他們需要的 動態(tài)鏈接 地址和 app 端需要的參數(shù)定義好(兩個都定義好后憑借出來就是 長鏈接改览,如果app端解析使用的不是短鏈接那么到此處就可以實現(xiàn) H5 頁面跳轉(zhuǎn)到 app 端具體頁面了)
- 將長鏈接轉(zhuǎn)換為短鏈接下翎,這里是官網(wǎng)的 api https://firebase.google.cn/docs/dynamic-links/rest 不得不說在這一步的時候遇到了坑
image.png
我是直接使用這個方法,但是接口一直返回的都是400 查閱后看到官網(wǎng)上有這一句話
image.png
然后查詢資料 并沒有發(fā)現(xiàn)配置白名單的地方宝当,曾一度卡在這里视事。因為找不到白名單配置的地方 所以只能使用利用參數(shù)創(chuàng)建短鏈接image.png
使用此種方式發(fā)現(xiàn)接口能狗調(diào)用成功 但是跳轉(zhuǎn)到 app 中具體頁面時 發(fā)現(xiàn)只能打開 app 并不能直接進入的特定頁面
后來詢問 app 端 需要傳入?yún)?shù)https://firebase.google.cn/docs/reference/dynamic-links/link-shortener
image.png
這些為必填字段
image.png
到這一步就能實現(xiàn)跳轉(zhuǎn)到 app 相應(yīng)頁面了