IONIC 自动更新APP版本
源自http://blog.csdn.net/dailuwen/article/details/49887607,非常感谢戴子的分享,为方便查阅,记录中自己的博客。
1、准备工作,添加插件
- 如果cordova 未添加请先执行以下命令
- 1、npm install bower -g //安装bower
- 2、bower install ngCordova //安装cordova
1.1、添加获取APP版本信息插件
- ionic plugin add cordova-plugin-app-version
2.2、添加APP自动更新相关插件
- ionic plugin add cordova-plugin-file
- ionic plugin add cordova-plugin-file-transfer
- ionic plugin add cordova-plugin-file-opener2
2、在APP一运行的时候就进行检查版本信息(在run方法添加如下代码)
- .run(function($ionicPlatform, $http, $rootScope, $ionicActionSheet, $timeout, $cordovaAppVersion,
- $ionicPopup, $ionicLoading, $cordovaFileTransfer, $cordovaFile, $cordovaFileOpener2) {
- $ionicPlatform.ready(function() {
- // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
- // for form inputs)
- if (window.cordova && window.cordova.plugins.Keyboard) {
- cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
- };
- if (window.StatusBar) {
- StatusBar.styleDefault();
- };
- //服务器上保存版本信息
- $http.get('http://localhost/app/ver.json')
- .then(function(data){
- var serverAppVersion = data.data.verInfo;//服务器 版本
- console.log("====>>服务器"+serverAppVersion);
- $cordovaAppVersion.getVersionNumber().then(function(version) {
- console.log("version=====本机>>>"+version+"====>>服务器"+serverAppVersion);
- if (version != serverAppVersion) {
- $ionicLoading.show({
- template: "已经下载:0%"
- });
- var url = "http://192.168.1.77:8080/app/android-debug.apk";
- var targetPath = "file:///mnt/sdcard/Download/android-debug.apk";
- var trustHosts = true
- var options = {};
- $cordovaFileTransfer.download(url, targetPath, options, trustHosts).then(function (result) {
- $cordovaFileOpener2.open(targetPath, 'application/vnd.android.package-archive'
- ).then(function () {
- }, function (err) {
- });
- $ionicLoading.hide();
- }, function (err) {
- alert('下载失败');
- }, function (progress) {
- $timeout(function () {
- var downloadProgress = (progress.loaded / progress.total) * 100;
- $ionicLoading.show({
- template: "已经下载:" + Math.floor(downloadProgress) + "%"
- });
- if (downloadProgress > 99) {
- $ionicLoading.hide();
- }
- })
- });
- }
- });
- });
- });
- })
3、在服务端webapp下添加以下两个文件
- 1、ver.json
- 2、Android-debug.apk
相关推荐
#updatedemo ionic app自动更新简单实例第一版:用到的插件cordova插件添加 cordova插件添加客户端主要代码说明: angular.module('starter',['ionic']) .run(function($($ ionicPlatform,$ ionicPopup,$ ...
IndexedDB或WebSQL均有存储空间的限制,如果想要在ionic mobile app中获得“无限制”存储,最好还是使用SQLite。如果安装了Cordova SQLite插件,那么PouchDB将会自动使用SQLite数据库。 注:SQLite的速度确实要比...
- 1、日常sass编译: 当前目录执行`gulp` 即可,将自动编译scss目录下的ionic.app.scss文件,并持续监测该文件是否改动,如发生改动,则重新编译输出。详见上文。 - 2、开发构建:`gulp dev:pipeline` 对www目录进行...
功能:单元测试,环境变量,自动文档,Production App Server,自动部署,依赖项版本检查 Web上有许多代码块和教程可用于配置Ionic工作流,其中包括单元测试,环境变量等功能,但其中大多数已过时或依赖于特定的依赖...
主要介绍了ionic2中使用自动生成器的方法,需要的朋友可以参考下
在ionic App中遇到一个文字上下循环滚动的效果实现,网上查了之后才知道有个通俗的名字-跑马灯。 这里借助了jQuery库的选择器和动画函数,并且把jquery的操作封装到指令里。先看指令代码: angular.module('starter...
对于Ionic版本3和更低版本,请参阅 经过测试: @angular/*: 7.x @ionic/angular: 4.1.0 大纲 安装 Ionic CLI版本5.x 打开ionic-cli并执行命令ionic gc text-avatar并将所有文件从dist文件夹复制到您your -> cool-...
二是如果想导航到注册的任何一个用户,除非app定时自动发送位置信息到云端,这点实现起来比较复杂,而且与我们的主题Ionic+Cordova+Bmob无关,因此就不搞这么复杂。 4、可以查看某用户的历史足迹,并在地图中标出;...
有关更多信息: : 安装$ npm install ionic2-auto-complete --save使用指南打开app.module.ts并添加以下导入语句: import { AutoCompleteModule } from 'ionic2-auto-complete'; 然后,将AutoCompl
$ ionic start YOUR_APP_NAME blank$ cd YOUR_APP_NAME$ curl -o- https://raw.githubusercontent.com/kinumi/ionic-typescript-bootstrap/master/bootstrap.sh | bash在ionic.project添加以下内容非常方便。...
自动注入自定义 scss 到 scss/app.scss 预先请求 sudo npm install -g cordova ionic sudo npm install -g gulp cordova platform add ios sudo npm install -g ios-sim 用法 克隆这个 repo cd proDir npm ...
Zawgyi Unicode转换器(Angular Ionic Native) Zawgyi Unicode转换器Ionic本机应用程序(Android)是免费的开源Zawgyi-One和标准的缅甸Unicode转换器,适用于Android和iOS,使用Angular,Typescript,...最新版本的A
2017年6月1日将演示更新为最新的Angular&Ionic版本(不影响Ionic v2)。 重构了组件,现在是面向模块的(请参阅更新的教程)。 现在可以在多个页面上使用而不会出现问题。 注意, IonDigitKeyboard组件已重命名为...
使用Gulp自动部署到GitHub 将最后一个任务入 使用ID为:8a460031的预览应用程序 使用说明 下载此模板。 执行命令npm install 执行命令gulp 运行离子: ionic serve在浏览器上进行测试(默认情况下,Gulp正在...
带有Gulp的离子项目的发生器安装 您应该在全球范围内安装Yeomannpm install -g yo 要从npm安装generator-...开发模式通过仅运行gulp ,我们就可以开始我们的开发构建过程,其中包括: 编译,链接,自动添加app/styles/m
Faubourg Simone:移动应用 用Ionic构建的移动应用程序的源代码。 特征 听我们的广播 请参阅我们的网站内容:Pola / Calepins / Dans le casque ... 对以下问题回答Y以自动运行npm install : ?
更新内容(后端) 依赖关系:Python(3.8) 如果需要,创建一个Python虚拟环境并安装要求 $ cd backend $ pip install -r requirements.txt 运行脚本: $ python main.py 生产部署 该应用程序由GitHub页面托管。 ...
在有tabs的项目里,进入子层级时,底部导航还一直存在,本人是要让他只在首页几个界面存在,其他的隐藏,在这里用到了angularjs的指令,要完成这个步骤分为三步: ...//app已经在其他文件中指定,如var app = ang
音频流应用 我们是一家互联网广播电台,正在构建一个开源移动音频流应用程序,任何想要创建自己的类似... 如果您的流服务器提供的带宽超过我们的带宽,则该应用将根据用户可用带宽自动选择最合适的流质量,从而还可以在