ionic实战-扫描二维码下载app,同时支持android和ios

效果演示

下载预览app,android和ios

• 如下两张gif,分别是android和ios效果演示

• 两张gif均先用微信扫一扫,再用浏览器扫一扫,扫的也是同一张二维码

  
  
  android手机效果展示.gif

iPhone6s效果展示.gif

资源准备

• 去百度云下载需要的资源
• 修改app.plist文件内容,这个文件是下载ios App用的,要是先测试android可以先不用管

用编辑器打开app.plist文件,需要修改的地方已用中文描述,名字可以随便改,对应download.html中的地址就行

• 修改download.html内容

• 第86行window.location.href = "http://dn168.net/img/apk/Patrol.apk";修改为你服务器上的android APK地址
• 第88行window.location.href = "itms-services://?action=download-manifest&url=https://raw.githubusercontent.com/yanxiaojun617/ionic2_tabs/master/app.plist";修改为你的plist文件地址,注意这个地址必须是https开头,如果你公司项目配置了https,那就刚好.我公司没有https,我就放到了github上面,也可以放到码云上

使用资源

• 把配置好的资源放到web项目中也可以放到服务器上,能获得download.html访问地址就行,假如获得的访问地址是http://88.128.18.144:8080/download,用这个地址生成一个二维码就行啦
• 可以生成二维码的网站很多,这个网站比较强大,可以上传logo,修改各种颜色

在app上使用

• 使用'ionic plugin add cordova-plugin-inappbrowser'安装插件

• app进入后判断是否更新,如果需要更新就调用下面的方法

  
  
  

最后

• 我弄的下载页面比较丑,如果你修改的漂亮,记得分享给我