天天看點

制作下載下傳二維碼

日常我司進行app測試,由于終端種類多,其中app有5種,每種又分ios和安卓,還區分測試、準生産,生産,仿真等環境,pc有8種,也區分測試,準生産,生産,仿真等,種類如下:

制作下載下傳二維碼

以前是靠通過蒲公英網站做二維碼供測試,也需要整理出下載下傳說明,營業部下載下傳測試也非常麻煩。該網站還經常稽核不通過,不允許上傳,最近還出現資料全部丢失,不可靠,故設計了自行設計了一個二維碼下載下傳所有用戶端。

設計思路如下:

1、準備一個首頁檔案index.html放置在阿裡雲oss上,配置靜态網站預設首頁index.html

内容如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>周邊交易用戶端下載下傳</title>

</head>

<body>

<center>

<table>

<tr><td > </td><td>APP用戶端下載下傳</td><td> </td></tr>

<tr><td >------------</td><td>------------</td><td>------------</td></tr>

<tr><td >測試</td><td>準生産</td><td>生産</td></tr>

<tr><td ><a rel="nofollow" href="https://*/html/cfjc-cs.html" >财富聚财</td><td><a rel="nofollow" href="https://*/html/cfjc-zcs.html" >财富聚财</td><td><a rel="nofollow" href="https://*/html/cfjc-sc.html" >财富聚财</td></tr>

</table>

<tr><td > </td><td>PC用戶端下載下傳</td><td> </td></tr>

<tr><td ><a rel="nofollow" href="https://*/cfjc-cs.rar" >财富聚财PC</td><td><a rel="nofollow" href="https://*/cfjc-zcs.rar" >财富聚财PC</td><td><a rel="nofollow" href="https://*/cfxyd_setup.exe" >财富聚财PC</td></tr>

<tr><td > </td><td>其它用戶端下載下傳</td><td> </td></tr>

<tr><td >------------</td><td>------------</td></tr>

<tr><td ><a rel="nofollow" href="https://*/qlqqfz.exe " >财富期權寶仿真</td><td><a rel="nofollow" href="https://*:8056/h5/#/login?>恒生H5生産</td></tr>;

</center>

</body>

</html>

下面是連結檔案cfjc-cs.html内容:

<html>

<!--link rel="stylesheet" href="appdown.css"/-->

<title>财富聚财下載下傳</title>

<!--

<div id="weixin-tip"><p><img src="live_weixin.png" alt="微信掃描打開APP下載下傳連結提示代碼優化" alt="微信打開"/><span id="close" title="關閉" class="close">×</span></p></div>

-->

<script type="text/javascript">

if (/android/i.test(navigator.userAgent)){

if (/micromessenger/i.test(navigator.userAgent)){

var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //相容IOS,不需要的可以去掉

var tip = document.getElementById('weixin-tip');

var close = document.getElementById('close');

tip.style.height = winHeight + 'px'; //相容IOS彈窗整屏

tip.style.display = 'block';

close.onclick = function() {

tip.style.display = 'none';

}

}else{

}else if (/ipad|iphone|mac/i.test(navigator.userAgent)){

window.location.href="itms-services://?action=download-manifest&url=https://*/cfjc-cs.plist";

alert("暫時沒有對應用戶端");

</script>

其中最重要的是對cfjc-cs.plist的制作,plist主要是企業證書要用到。如是上傳蘋果商店證書,跟apk類似。如下:

window.location.href="https://itunes.apple.com/cn/app/id*?mt=8";

故主要是測試ios包要做plist檔案:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">;

<plist version="1.0">

<dict>

<key>items</key>

<array>

<key>assets</key>

<key>kind</key>

<string>software-package</string>

<key>url</key>

<string>https://*/cfjc-cs.ipa</string>;

</dict>

</array>

<key>metadata</key>

<key>bundle-identifier</key>

<string>**此bundle id必須正确</string>

<key>bundle-version</key>

<string>v-test</string>

<string>software</string>

<key>title</key>

<string>财富聚财</string>

</plist>

其中bundle-id必須正确,可以通過先在蒲公英上傳檢視或者ipa包rar解壓後檢視info.plist中類似的值:

制作下載下傳二維碼
制作下載下傳二維碼

按以上步驟制作後,就實作最上面圖示下載下傳網址。