ブラウザUA情報を利用してマルチプラットフォーム携帯電話アプリケーションのダウンロード問題を解決する


詳細
 
1、質問:
同社のパートナーは、ユーザーがQRコードをスキャンした後、androidが対応するapkファイルを直接ダウンロードし、iosプラットフォームがitunesソフトウェア表示ページに直接ジャンプできるようにするQRコードを提供することを提案した.
 
2、初歩案:
パートナーの要求は、マルチプラットフォームの携帯電話アプリケーションのダウンロードを提供することができるダウンロードアドレスを要求することです.QRコードに静的ページを配置することができ、この静的ページではユーザーのUA情報に基づいて異なる操作を行うことができます.
1)ユーザのUA情報を取得する;
2)ユーザがiosまたはmacシステムであると判断した場合、ソフトウェア対応itunesページにジャンプする.
3)その他の場合は、対応するapkファイルを直接ダウンロードします.
コードは次のとおりです.
 

	var android = 'http://q.kuaipai.cn/quickpai.apk';
	var ios = 'http://itunes.apple.com/cn/app/id519048827?mt=8';
	var ua = navigator.userAgent.toLowerCase();  

	var isandroid=1;

	if (ua.indexOf('iphone') > 0) {
		isandroid = 0;
	} else if (ua.indexOf('mac os') > 0) {
		isandroid = 0;
	} 	      

	if (isandroid == 1) {
		window.location.href= android;
	} else {
		window.location.href= ios;
	}

 
3、アップグレード方案:
初歩的な解決策はUAに対して初歩的な判断を行っただけで、論理を整理するのも正確ではない.ユーザーがmac環境でandroid携帯電話を使用したり、windowsシステムと組み合わせてiphoneを使用したりすると、ユーザーの期待に合わない結果が発生します.
1)ユーザのUA情報を取得する;
2)ユーザがiosシステムであると判断した場合、ソフトウェア対応itunesページにジャンプする.
3)ユーザがandroidシステムであると判断した場合、apkファイルを直接ダウンロードする.
4)その他の場合はスキップせず,静的ページにitunesページ接続とapkソフトウェアダウンロードアドレスを同時に表示し,ユーザが自分で選択できるようにする.
コードは次のとおりです.
 




              



	var android_down_url = 'http://q.kuaipai.cn/quickpai.apk';
	var ios_down_url = 'http://itunes.apple.com/cn/app/id519048827?mt=8';

	var ua = navigator.userAgent.toLowerCase();  
	if (ua.indexOf('iphone') > 0) {						//     ios    UA       
		window.location.href = ios_down_url;
	} else if (ua.indexOf('android') > 0) {				//     android    UA       
		window.location.href = android_down_url;
	} 

クリックして「QRコードを く る」android をダウンロードします
クリックして「QRコードを く る」iphone をダウンロードします


 
四プラットフォームの先発:個人ブログhttp://xiaogui.org/one-page-down-the-app.htmlCSDNブログhttp://blog.csdn.net/xgpapa/article/details/8011622ブログhttp://www.cnblogs.com/xgpapa/archive/2012/09/24/2699623.htmlItEyeブログhttp://xgpapa.iteye.com/blog/1684090