zoukankan      html  css  js  c++  java
  • Cordova从服务器更新客户端的JS文件

    思路:

      1、主要使用 Cordova的File插件

      2、获取需要替换的js文件安装后的路径

      3、软件使用js发起ajax请求,后台返回版本号跟客户端版本号对比

      4、如果发现需要更新js文件,则用js调用cordova的File插件下载服务器的js文件,替换本地js文件。

      5、然后载入本地js文件。

    伪代码实现

    index.html

    <html>
    	<head>
    		<title>示例</title>
    	</head>
    
    	<body>
    		<!--显示加载中-->
    		<div id="loading">loading....</div>
    
    		<my-app></my-app>
    
    
    		<!--第三方的js文件-->
    		<script type="text/javascript" src="3rdlibs.js"></script>
    
    		<!--app自己的js文件加载控制器-->
    		<script type="text/javascript" src="appJsFileLoader.js"></script>
    
    	</body>
    </html>
    

      

    appJsFileLoader.js

    (function () {
    	
    	//获取当前安装的js文件的版本号
    	var localVersion = getLocalVersion();
    
    	//将本地版本发送到后台,后台判断是否本地版本需要更新,并告诉前台需要更新那些文件。
    	$.get("/xx/xx/getNewAppVersion.json",data:{localVersion:localVersion},function (result) {
    
    		 //发现新版本
    		 if (result.isDiscoverNewVersion) {
    
    		 	  //更新需要更新的文件(包含js、css、image等)
    		 	  cordovaDownloadJSFile(result.appFileUrlList,function  (argument) {
    
    		 	  		//替换本地js文件完成,则在html中加载js文件
    		 	  		loadLocalJSFile();
    
    		 	  		//隐藏loading
    		 	  		$("#loading").hide()
    
    		 	  });
    
    		 }else{
    		 
    		 	//没有新版本,直接加载本地js文件。
    			loadLocalJSFile();
    
    			//隐藏loading
    		 	$("#loading").hide()
    
    		 }
    	});
    	
    
    })()
    

      

     我怎么获取到我的js文件的路径呢?

        ----- cordova.file.applicationDirectory    获取的是asset文件夹

     
     

    参考资料

     
    http://www.cnblogs.com/lhp2012/p/5333154.html

    http://www.yiibai.com/cordova/cordova_file_system.html

    https://www.npmjs.com/package/cordova-plugin-file
  • 相关阅读:
    Leetcode 589. N-ary Tree Preorder Traversal
    Leetcode 912. Sort an Array
    Leetcode 1020. Number of Enclaves
    Leetcode 496. Next Greater Element I
    Leetcode 1019. Next Greater Node In Linked List
    Leetcode 503. Next Greater Element II
    Leetcode 1018. Binary Prefix Divisible By 5
    龟兔赛跑算法详解
    Leetcode 142. Linked List Cycle II
    Leetcode 141. Linked List Cycle
  • 原文地址:https://www.cnblogs.com/lhp2012/p/5333043.html
Copyright © 2011-2022 走看看