快捷導(dǎo)航

IOS 開發(fā)之應(yīng)用喚起實(shí)現(xiàn)原理詳解

更新時(shí)間：2016年12月31日 16:51:34 投稿：lqh

這篇文章主要介紹了IOS 開發(fā)之應(yīng)用喚起實(shí)現(xiàn)原理詳解的相關(guān)資料,需要的朋友可以參考下

一、什么是iOS應(yīng)用喚起

IOS中的應(yīng)用喚起用來實(shí)現(xiàn)以下功能：在瀏覽器中可以通過某些方式打開IOS手機(jī)本地的app，如果該app沒有安裝可以跳轉(zhuǎn)到該應(yīng)用對(duì)應(yīng)的App Store的下載頁。

二、App store下載頁連接

App store中某個(gè)應(yīng)用的下載頁連接形如：https://itunes.apple.com/us/app/id399608199。在PC端瀏覽器打開該連接會(huì)跳轉(zhuǎn)到應(yīng)用詳情頁的PC端界面。在Safari中打開該連接，瀏覽器會(huì)詢問是否在App Store中打開該連接，選擇打開即會(huì)自動(dòng)打開App Store并跳轉(zhuǎn)到對(duì)應(yīng)應(yīng)用的下載界面。

三、URL Schemes

URL Schemes和URL很類似，一個(gè)URL可以指向某個(gè)網(wǎng)站（如https://www.apple.com指向蘋果官網(wǎng)），也可以指向該網(wǎng)站內(nèi)部具體的某個(gè)頁面（如https://www.apple.com/mac/指向蘋果官網(wǎng)的Mac頁面）。一個(gè)URL Schemes也可以指向某個(gè)APP（weixin://指向微信這個(gè)APP）或者APP內(nèi)部的某個(gè)功能（weixin://dl/moments/指向微信朋友圈功能）。

基本URL Schemes指的是如weixin://的這部分。通過這個(gè)基本URL Schemes，可以打開某個(gè)IOS APP應(yīng)用。比如在Safari的地址欄中輸入weixin://，瀏覽器就會(huì)提示是否打開微信，選擇打開，手機(jī)就會(huì)自動(dòng)打開本地的微信應(yīng)用。

四、IOS應(yīng)用喚起方法

1.直接跳轉(zhuǎn)法（支持各個(gè)版本IOS系統(tǒng)）

最簡(jiǎn)單的方法，在頁面中使用a標(biāo)簽制作一個(gè)按鈕，讓其href指向打開APP的基本URL Schemes即可?？紤]到可能本地沒有安裝，這時(shí)需要通過js代碼讓瀏覽器跳轉(zhuǎn)到對(duì)應(yīng)的App Store下載頁?？梢栽O(shè)定一個(gè)合理的反映時(shí)間時(shí)間，如果超時(shí)還沒有打開應(yīng)用的話，就跳轉(zhuǎn)到下載頁面，可以使用setTimeout方法，代碼如下：

$('a').click(function() { 
  location.href = 'weixin://'; 
  setTimeout(function() { 
    location.; 
  }, 500); 
}

2.使用iframe（僅支持IOS8及其以下版本）

通過為body中添加一個(gè)隱藏的iframe，其內(nèi)部的src設(shè)置成對(duì)應(yīng)的連接，即可實(shí)現(xiàn)該功能，代碼如下：

var url = { 
 open: 'weixin://', //對(duì)應(yīng)的Scheme 
 down: 'https://itunes.apple.com/us/app/id399608199'  //對(duì)應(yīng)的下載地址 
}; 
var iframe = document.createElement('iframe'); //創(chuàng)建一個(gè)iframe 
var body = document.body; 
iframe.style.cssText='display:none;width=0;height=0'; //設(shè)置該iframe為不可見的 
var timer = null; 
var openapp = document.getElementById('openapp'); 
openapp.addEventListener('click', function() { 
 body.appendChild(iframe);  //點(diǎn)擊打開app按鈕后，將這個(gè)iframe添加到body中 
 iframe.src = url.open; //設(shè)置iframe的src為weixin://，通過這個(gè)iframe進(jìn)行跳轉(zhuǎn) 
 timer = setTimeout(function() { 
  wondow.location.href = url.down; //500ms后跳轉(zhuǎn)到下載界面 
 }, 500); 
}, false)

3.使用Universal links（目前僅IOS9支持）

Universal links是IOS9新增的功能，它是一個(gè)普通的HTTP連接。通過Universal links，能夠方便的通過傳統(tǒng)的HTTP鏈接來啟動(dòng)APP(如果iOS設(shè)備上已經(jīng)安裝了app), 或者打開對(duì)應(yīng)下載界面(iOS設(shè)備上沒有安裝app)。

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章: