iOS 網(wǎng)頁打開APP,并且跳轉(zhuǎn)到對應(yīng)界面

大家在瀏覽網(wǎng)頁的時候惧眠,有時會遇到這種情況籽懦。當(dāng)你的手機中有某一個APP的時候,恰巧你打開的網(wǎng)頁是該APP官網(wǎng)的某個頁面锉试,這時瀏覽器會提示你猫十,“在‘xxx’中打開览濒?”這幾個字樣,點擊“打開”后拖云,系統(tǒng)就會自動打開APP贷笛,并且跳轉(zhuǎn)到對應(yīng)頁面。這個和點擊推送打開APP并且跳轉(zhuǎn)的功能很類似宙项。那么乏苦,我們需要怎么配置才合理呢?

首先我們需要在APP內(nèi)部設(shè)定一個URL Schemes尤筐。你可以把它理解為APP在網(wǎng)頁端的文本傳輸協(xié)議汇荐,比如:http。在網(wǎng)頁端盆繁,當(dāng)調(diào)用一個網(wǎng)址時掀淘,iOS系統(tǒng)會自動檢測該網(wǎng)址是否是一個APP注冊的URL Schemes,如果是油昂,就會提示打開該APP革娄。聽起來很抽象對吧,哈哈哈冕碟,先看圖:


URL Schemes.jpg

這樣我就生成了一個URL Schemes:test-deepLinking拦惋。所以,調(diào)用“test-deepLinking://”時安寺,瀏覽器就會提示你厕妖,“在‘你的APP名’中打開?”挑庶。so easy有木有言秸。


1.jpeg
2.jpeg

當(dāng)然了,此時的效果僅僅限于能幫你在瀏覽器打開APP而已挠羔,接下來就是跳轉(zhuǎn)了井仰。
在AppDelegate中,有這樣的一個方法

-(BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options {
    return YES;
}

當(dāng)用戶用過URL Schemes打開APP時破加,就會調(diào)用這個方法俱恶。并且將對應(yīng)的網(wǎng)址URL通過方法對應(yīng)的參數(shù)“url”傳遞給你。這個時候范舀,你就可以將傳過來的url進行處理并且跳轉(zhuǎn)了合是。比如:輸入了一個網(wǎng)址test-deeplinking://test/product/123,這時候我在APP中就能取到product/123,然后知道了需要跳轉(zhuǎn)到Product頁面锭环,id是123聪全。(這里面的規(guī)則各不相同,可以根據(jù)各個公司需求而定)如下:

3.jpeg

4.jpeg

很簡單吧辅辩,接下來只要和公司做好規(guī)則难礼,然后就可以輕松的進行網(wǎng)頁和APP之間的跳轉(zhuǎn)了娃圆。當(dāng)然我需要提醒一下大家,因為Safari是蘋果公司的官方瀏覽器蛾茉,所以大家在進行測試的時候還是主要使用Safari讼呢,用別的瀏覽器可能實現(xiàn)不了跳轉(zhuǎn),這個是沒有辦法的事情(我也很無奈T_T)谦炬。

謝謝大家悦屏,因為這章基本沒有代碼,所以有不理解的隨時可以聯(lián)系我键思。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末础爬,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子吼鳞,更是在濱河造成了極大的恐慌看蚜,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赖条,死亡現(xiàn)場離奇詭異失乾,居然都是意外死亡,警方通過查閱死者的電腦和手機纬乍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來裸卫,“玉大人仿贬,你說我怎么就攤上這事∧够撸” “怎么了茧泪?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長聋袋。 經(jīng)常有香客問我队伟,道長,這世上最難降的妖魔是什么幽勒? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任嗜侮,我火速辦了婚禮,結(jié)果婚禮上啥容,老公的妹妹穿的比我還像新娘锈颗。我一直安慰自己,他們只是感情好咪惠,可當(dāng)我...
    茶點故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布击吱。 她就那樣靜靜地躺著,像睡著了一般遥昧。 火紅的嫁衣襯著肌膚如雪覆醇。 梳的紋絲不亂的頭發(fā)上朵纷,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天,我揣著相機與錄音永脓,去河邊找鬼袍辞。 笑死,一個胖子當(dāng)著我的面吹牛憨奸,可吹牛的內(nèi)容都是我干的革屠。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼排宰,長吁一口氣:“原來是場噩夢啊……” “哼似芝!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起板甘,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤党瓮,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后盐类,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體寞奸,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年在跳,在試婚紗的時候發(fā)現(xiàn)自己被綠了枪萄。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡猫妙,死狀恐怖瓷翻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情割坠,我是刑警寧澤齐帚,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站彼哼,受9級特大地震影響对妄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜敢朱,卻給世界環(huán)境...
    茶點故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一剪菱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蔫饰,春花似錦琅豆、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至杖剪,卻和暖如春冻押,著一層夾襖步出監(jiān)牢的瞬間驰贷,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工洛巢, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留括袒,地道東北人。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓稿茉,卻偏偏與公主長得像锹锰,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子漓库,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,490評論 2 348

推薦閱讀更多精彩內(nèi)容