# v-download

**Repository Path**: Sirio/v-download

## Basic Information

- **Project Name**: v-download
- **Description**: IOS, Android and normal download three in one download codes through QR code tool  ✨
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2020-11-13
- **Last Updated**: 2021-05-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 微下载工具

在线地址：https://sirio.gitee.io/v-download/

## 介绍
微下载是为移动应用提供的下载推广链接，支持传入IOS、安卓华为商店下载地址，并通过二维码工具生成IOS、安卓、普通下载三合一二维载码。

> 现假设QQ是我自己的应用，我需要生成一个二维码，使不同终端用户（ios/android）扫描此二维码自动跳转对应商店，或点击按钮下载apk文件安装。
则通过使用步骤中1、2、3步骤获取到：

- QQ app的IOS下载地址为：https://apps.apple.com/cn/app/qq/id451108668?mt=12
- QQ app的huawei商城下载地址为: https://appgallery.huawei.com/#/app/C9319
- 假设 QQ 的普通下载资源地址为: https://www.baidu.com

> 通过步骤4获取到本程序的发布地址为：

- 程序访问Url：https://sirio.gitee.io/v-download/

> 拼合参数与地址得到最终三合一下载地址为：

- 最终下载地址：https://sirio.gitee.io/v-download/?iosUrl=https://apps.apple.com/cn/app/qq/id451108668?mt=12&huaweiUrl=https://appgallery.huawei.com/#/app/C9319&normalUrl=https://www.baidu.com

> 百度搜索草料二维码，将以上地址生成为二维码，即可实现三合一下载码

## 使用步骤

### 1 获取IOS下载地址（AppStore下载）

 > 方法1
 - 1.下载itunes 
 - 2.在iTunes软件上面搜索找出应用程序(你自己的应用)
 - 3.然后点击应用程序头像就会显示链接地址出来
 - 4.选择拷贝链接地址
 
 > 方法2
 - 1.打开[appStore网页端](https://www.apple.com.cn/search)
 - 2.搜索找出应用程序(你自己的应用)
 - 3.点击进入详情页面
 - 4.复制地址栏链接 

 
 

### 2 获取华为商店下载地址（安卓华为商店下载）

 - 1.浏览器打开[华为应用市场](https://appgallery.huawei.com/#/Featured)
 - 2.搜索找出应用程序(你自己的应用)
 - 3.点击进入详情页面
 - 4.复制地址栏链接 

### 3 文件资源地址（安卓普通下载）

 - apk资源在服务器上的地址

### 4 安装部署

 - 下载此代码，启动服务器获得本程序的运行URL，
 - 将IOS地址、安卓华为商店地址、文件资源地址以参数形式拼合到程序URL后，如下：
 - http:192.168.1.248?iosUrl=AppStore地址&huaweiUrl=huaweiStore地址&normalUrl=apk资源地址
 - [nginx发布教程](https://www.jianshu.com/p/11fa3a1a6d65)
 - 其余web服务器请自行百度


### 5 三合一二维码生成
> 搜索[草料二维码工具](https://cli.im/)，将拼合好的URL生成二维码，使用苹果，安卓设备微信扫码即可查看效果

### 6 扫码查看效果
由于地址均为第三方存在失效问题，换成自己的就好
<div style="text-align: center;">
<img src="images/egQRCode.png" width="32%" />
</div>