├── README.md ├── favicon.ico ├── image ├── Snip20170804_1.png ├── Snip20170804_10.png ├── Snip20170804_11.png ├── Snip20170804_12.png ├── Snip20170804_13.png ├── Snip20170804_14.png ├── Snip20170804_16.png ├── Snip20170804_17.png ├── Snip20170804_2.png ├── Snip20170804_3.png ├── Snip20170804_4.png ├── Snip20170804_7.png ├── Snip20170804_8.png ├── Snip20170804_9.png └── jianting.png ├── index.html └── meishijie.html /README.md: -------------------------------------------------------------------------------- 1 | # autodownload 2 | 3 | 根据同一个二维码识别当前系统（iOS或Android），跳转对应App应用市场或下载界面 4 | 5 | 本文测试地址：https://xiaze.github.io/autodownload/index.html 6 | 7 | 一、使用场景 8 | 9 | 开发了一款App，包括iOS及Android版，到了推广阶段，准备生成二维码让用户扫码下载，那这个二维码该怎么生成？iOS及Andorid各自生成一个二维码让用户区分下载？当然这种方式是可行的，但却增加了用户的使用成本！那是不是有一种方式可以通过一个二维码使手机自动下载相应App包？ 10 | 11 | 本文主要讲的就是如何在没有个人/公司网站的情况下，利用同一个二维码自动识别手机系统（Android/iOS）跳转不同的下载页面。 12 | 13 | 二、解决方案 14 | 15 | 我们可以编写一个html网页，通过js识别当前终端属性，根据相应终端属性重定向到相应下载界面。然后将该html网页上传至网站，生成该网页链接的二维码图片，用户扫描二维码会自动进入对应下载界面。 16 | 17 | 三、代码部分：index.html 18 | 19 | (见工程文件） 20 | 21 | 在使用的时候将相应链接替换即可 22 | 23 | 四、制作二维码 24 | 25 | 本人推荐两个制作二维码的网址 26 | 27 | 草料二维码：http://cli.im 28 | 29 | 联图网：http://www.liantu.com 30 | 31 | ![image](https://github.com/xiaze/autodownload/raw/master/image/jianting.png) 32 | 如果没有个人/公司网站可以上传上述html网页文件，请继续浏览以下内容；如果已经有了相应网站，那么你可以直接制作相应二维码了。 33 | 34 | 五、将网页文件上传至github，配置相关选项实现网页自动跳转 35 | 36 | 1. 注册一个github账号：https://github.com 37 | 38 | 2. 创建一个工程 39 | 40 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_1.png) 41 | 42 | 3. 填写相关工程信息创建工程 43 | 44 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_2.png) 45 | 46 | 4. 进入工程页面复制工程的git链接 47 | 48 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_3.png) 49 | 50 | 5. 利用git工具（本例使用Mac系统下的Tower）clone工程 51 | 52 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_4.png) 53 | 54 | 6. 进入本地工程文件夹可以看到工程已经被clone下来了，不过目前只有一个初始的说明文件 55 | 56 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_7.png) 57 | 58 | 7. 将之前建好的html文件导入本地工程文件夹 59 | 60 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_8.png) 61 | 62 | 8. 进入Tower填写相关信息并提交文件到github库中 63 | 64 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_9.png) 65 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_10.png) 66 | 67 | 9. 刷新github工程网页可以看到文件已经提交成功 68 | 69 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_11.png) 70 | 71 | 10. 点击Settings进入工程设置页面 72 | 73 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_12.png) 74 | 75 | 11. 滚动到GitHub Pages项 76 | 77 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_13.png) 78 | 79 | 12. 选择分支并保存 80 | 81 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_14.png) 82 | 83 | 13. 保存完后可以看到工程对应的网址链接 84 | 85 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_16.png) 86 | 87 | 14. 直接在该链接后拼接之前创建的html文件即可生成最终链接，用最终链接生成的二维码就可实现自动跳转的功能了。欢迎大家通过图中二维码下载简听App哦，不过目前只有iOS版。(简听 - 懒人听网页听小说的神器) 88 | 89 | ![image](https://github.com/xiaze/autodownload/raw/master/image/Snip20170804_17.png) 90 | 91 | 本文测试地址：https://xiaze.github.io/autodownload/index.html 92 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/favicon.ico -------------------------------------------------------------------------------- /image/Snip20170804_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_1.png -------------------------------------------------------------------------------- /image/Snip20170804_10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_10.png -------------------------------------------------------------------------------- /image/Snip20170804_11.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_11.png -------------------------------------------------------------------------------- /image/Snip20170804_12.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_12.png -------------------------------------------------------------------------------- /image/Snip20170804_13.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_13.png -------------------------------------------------------------------------------- /image/Snip20170804_14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_14.png -------------------------------------------------------------------------------- /image/Snip20170804_16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_16.png -------------------------------------------------------------------------------- /image/Snip20170804_17.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_17.png -------------------------------------------------------------------------------- /image/Snip20170804_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_2.png -------------------------------------------------------------------------------- /image/Snip20170804_3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_3.png -------------------------------------------------------------------------------- /image/Snip20170804_4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_4.png -------------------------------------------------------------------------------- /image/Snip20170804_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_7.png -------------------------------------------------------------------------------- /image/Snip20170804_8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_8.png -------------------------------------------------------------------------------- /image/Snip20170804_9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/Snip20170804_9.png -------------------------------------------------------------------------------- /image/jianting.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaze/autodownload/14251166ab63a66c00162494e52068a7561fa534/image/jianting.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 简听 - 懒人听网页听小说的神器 7 | 8 | 9 | 10 | 11 | 12 | 15 | 16 | 74 | 75 | 76 | 77 | -------------------------------------------------------------------------------- /meishijie.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 美食街 - 厨房菜谱大全 6 | 55 | 56 | 57 | 60 | 61 | --------------------------------------------------------------------------------