如何讓Android和iOS應用下載共用一個二維碼及遇到的坑


  一般APP應用都分安卓下載鏈接和IOS鏈接,安卓可以直接通過下載鏈接下載安裝包安裝,但是IOS就不行了,IOS只能通過蘋果應用商店安裝。所以在推廣的時候一般會將安卓和IOS的應用下載鏈接合成在一個二維碼里。安卓手機掃描的話,可以直接下載安裝;蘋果手機掃描的話,就打開蘋果app store對象的應用頁。

一、利用網上三方

  網上一搜有蠻多這種合成方案,比如“草料二維碼”、“芝麻二維碼”,其中也遇到坑,就是這種在線的,都有掃描次數限制,很坑。比如芝麻二維碼,每天就限制10次掃描,需要多的就需要收費,收費還挺貴,1000多,我就呵呵了,其實也就是蠻簡單的一個處理。

  還有比較方便的就是騰訊應用寶,有自帶的一個“微下載”,但是前提是需要應用在騰訊應用寶審核通過。我們的app因為騰訊應用寶要求首次進入app就同意隱私條款之類的,就沒接着弄了。但是騰訊應用寶的微下載有點坑的是總是想法設法讓用戶選“安全下載”從而先下它的應用寶,這點很惡心。

  還有就是uniapp提供了統一發行頁面,也可以直接使用。

二、自己寫個中間頁面轉換

  其實業務也蠻簡單,就是增加一個中間的轉換頁面,寫一個HTML文件放在服務器上,二維碼就用該html文件的鏈接二維碼。當不同客戶端的二維碼進行掃描的時候,調用不同的瀏覽器,根據判斷是什么系統的設備掃描,進行跳轉,比如是微信掃描跳轉,利用Safari瀏覽器打開跳轉到你的下載頁面,如果是Android設備,跳到Android下載地址。

  簡單代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>墨天輪APP下載</title>
  <style> html, body{ width: 100%; height: 100%; margin: 0; padding: 0; } .app_bg{ width: 100%; height: 100%; background-image: url('https://***/app_bg.png'); background-size: 100% 100%; background-position: center; } </style>
</head>
<body>
  <div class="app_bg" onclick="goDownload(true)"></div>
  <script> function isWeixin(){ let ua = navigator.userAgent.toLowerCase() return ua.indexOf('micromessenger') !== -1 } function isIos(){ let ua = navigator.userAgent.toLowerCase() return ua.indexOf('iphone') > -1 || ua.indexOf('mac os') > -1 } function goDownload(wxClick) { if(isIos()) { window.location.href = 'https://apps.apple.com/cn/app/id***' } else if (isWeixin()) { // 微信瀏覽器時點擊彈出提示,其他瀏覽器直接觸發下載 if(wxClick) alert("請點擊右上角按鈕, 選擇使用瀏覽器打開") } else { window.location.href = 'https://***.apk' } } goDownload() </script>
</body>
</html>

  通過背景圖還可以隨意切換下載頁的背景,比如有什么活動,只需要ui出個圖,然后在oss上換下背景圖即可,方便快捷。

  代碼比較簡陋,主要是知道這個方案,根據需要豐富該中間頁面的設計及業務處理即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM