美文网首页我的 ionicionic2实战ionic3项目收集
ionic2实战-扫描二维码下载app,同时支持android和

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

作者: 昵称已被使用_ | 来源:发表于2017-03-10 21:01 被阅读3400次

效果演示

下载预览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进入后判断是否更新,如果需要更新就调用下面的方法


最后

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

相关文章

网友评论

  • eddb3688d380:有个问题 你这个直接把iOS包放到自己服务器上让客户下载,你的苹果账号是企业账号吧?
  • ff85e503a89b:前辈 我用的是git 点击连接 然后无法连接到“github.com”
    ff85e503a89b:@小军617 给力 可以下载安装了 但是下载页面 我放到GitHub上访问的话 ,点击链接就还是提示“不能访问github.com” .
    我的地址是这样的:htmlpreview.github.io/?https://github.com/niningsa/zuczug_pos/blob/master/index.html :+1:
    昵称已被使用_:@逆鱗_56e0 https://raw.githubusercontent.com/niningsa/zuczug_pos/master/manifest.plist这个才行
    ff85e503a89b: <a href="itms-services://?action=download-manifest&url=https://github.com/niningsa/zuczug_pos/blob/master/manifest.plist&quot;>点击开始安装App</a>

    这么写行么
  • 1ea17a9d695a:请问您图片放大缩小使用的是那个插件:pray:
    1ea17a9d695a:@小军617 :pray: 多谢
    昵称已被使用_:com-sarriaroman-photoviewer
  • 云峰yf:楼主,ios的不越狱的设备也可以下载吗
    昵称已被使用_: @林风444 没有限制
    云峰yf:@小军617 那是不是打包的签名必须是企业的,不能是个人开发者
    昵称已被使用_:@林风444 必须可以
  • 胡哈哈胡:楼主你好,我下载了您写的这个测试软件,发现有些样式的ios的,我用的是安卓机,请问这是怎么设置的呢😃😃
    昵称已被使用_:@胡玉军 可以单独设置mode,具体看api
    胡哈哈胡: @小军617 那可以单独的为某一个组件设置为一样的吗?就是不是全局让他一样
    昵称已被使用_:@NgModule({
    declarations: [
    MyApp,
    TabsPage,
    ],
    imports: [
    IonicModule.forRoot(MyApp, {
    mode: 'ios',
    backButtonText: ''
    }),
    IonicStorageModule.forRoot(),
    HomeModule,
    WorkorderModule,
    LoginModule,
    MineModule
    ],
    在app.module.ts中统一设置mode为ios
  • 小木___Boy:楼主可以用蒲公英分发平台
    小木___Boy:@小军617 当然线上发布版本的话 就不太合适了
    小木___Boy:@小军617 可以用一个二维码的。放到一个项目里面。测试还是比较好用的。
    昵称已被使用_:这个可以用,但是它的android和ios二维码是分开的,下载页面不能自定义

本文标题:ionic2实战-扫描二维码下载app,同时支持android和

本文链接:https://www.haomeiwen.com/subject/zjsngttx.html