uniapp安卓检查版本更新下载

已于 2022-08-30 08:40:58 修改
阅读量1.1k 收藏 2
点赞数 1
文章标签： uni-app android javascript
于 2022-08-30 08:40:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45086164/article/details/126596062
版权

插件市场
1.安卓apk下载完成后没有更新APP
答：问题是因为没有添加APP安装应用权限，解决方法在manifest.json文件里面APP模块权限配置的Android打包权限配置勾选以下权限
在这里插入图片描述
创建新文件夹config/componentConfig.js

import $http from '../common/request.js';
const platform = uni.getSystemInfoSync().platform;//获取运行环境 比如安卓 IOS
export default {
    // 发起ajax请求获取服务端版本号
    getServerNo: (version, isPrompt = false, callback) => {
        $http.get("/appversion").then(res => {
            //对比版本号大于 就提示弹框更新  不大于就不提示
            if(res.versioncode > version.versionCode){
            
                if (res && res.downloadurl) {
                        callback && callback(res);
                   }
            }
            /* res的数据说明
             * | 参数名称        | 一定返回     | 类型        | 描述
             * | -------------|--------- | --------- | ------------- |
             * | versioncode     | y        | int       | 版本号        |
             * | versionname     | y        | String    | 版本名称      |
             * | versioninfo     | y        | String    | 版本信息      |
             * | updatetype      | y        | String    | forcibly = 强制更新, solicit = 弹窗确认更新, silent = 静默更新 |
             * | downloadurl     | y        | String    | 版本下载链接（IOS安装包更新请放跳转store应用商店链接,安卓apk和wgt文件放文件下载链接）  |
             */
        });
    },
    // 弹窗主颜色（不填默认粉色）
    appUpdateColor: "f00",
    // 弹窗图标（不填显示默认图标，链接配置示例如： '/static/demo/ic_attention.png'）
    appUpdateIcon: ''
}

APP.vue配置

<script>
    // #ifdef APP-PLUS
    import APPUpdate from '@/uni_modules/zhouWei-APPUpdate/js_sdk/appUpdate';
    // #endif
    export default {
        onLaunch: function() {
            console.log('App Launch')
          
             // #ifdef APP-PLUS
               APPUpdate();
             // #endif
            
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        },
    }
</script>

数据库表的最基本字段

// app/model/version.js

module.exports = app => {
    const { STRING, INTEGER, DATE, ENUM, TEXT } = app.Sequelize;
  
    const Version = app.model.define('version', {
      id: {
        type: INTEGER(20),
        primaryKey: true,
        autoIncrement: true,
        unique: true
      },
      username: {
        type: STRING(11),
        allowNull: false,
        defaultValue: '',
        comment: '用户名',
      },
      versioncode: {
        type: INTEGER,
        allowNull: false,
        defaultValue: '0',
        comment: '版本号',
      },
      versionname: {
        type: STRING(30),
        allowNull: false,
        defaultValue: '',
        comment: '版本名称',
      },
      versioninfo: {
        type: STRING(500),
        allowNull: false,
        defaultValue: '',
        comment: '版本信息',
      },
      downloadurl: {
        type: STRING(100),
        allowNull: false,
        defaultValue: '',
        comment: ' 版本下载链接（IOS安装包更新请放跳转store应用商店链接,安卓apk和wgt文件放文件下载链接）',
      },
      updatetype: {
        type: ENUM,
        values: ["forcibly", 'solicit','silent'],
        allowNull: false,
        defaultValue: 'solicit',
        comment: '更新类型：forcibly = 强制更新, solicit = 弹窗确认更新, silent = 静默更新'
      },
        created_time: {
          type:DATE,
          get(){ 
              return app.formatTime(this.getDataValue('created_time'))
          }
      },
        updated_time: DATE,
    });
  
    
  
    return Version;
  };

appUpdate.js 文件内容

// #ifdef APP-PLUS 
import componentConfig from "@/config/componentConfig"
const platform = uni.getSystemInfoSync().platform;
// 主颜色
const $mainColor = componentConfig.appUpdateColor ? componentConfig.appUpdateColor : "FF5B78";
// 弹窗图标url
const $iconUrl = componentConfig.appUpdateIcon ? componentConfig.appUpdateIcon : "/uni_modules/zhouWei-APPUpdate/static/ic_ar.png";

// 获取当前应用的版本号
export const getCurrentNo = function(callback) {
	// 获取本地应用资源版本号
	plus.runtime.getProperty(plus.runtime.appid, function(inf) {
		callback && callback({
			versionCode: inf.versionCode, //应用版本号101
			versionName: inf.version   //应用版本名称2.0.0
		});
	});
}
// 从服务器下载应用资源包（wgt文件）
const getDownload = function(data) {
	let dtask;
	if(data.updatetype == 'forcibly' || data.updatetype == 'solicit'){
		let popupData = {
			progress: true,
			buttonNum: 2
		};
		if(data.updatetype == 'forcibly'){
			popupData.buttonNum = 0;
		}
		let lastProgressValue = 0;
		let popupObj = downloadPopup(popupData);
		dtask = plus.downloader.createDownload(data.downloadurl, {
			filename: "_doc/update/"
		}, function(download, status) {
			if (status == 200) {
				popupObj.change({
					progressValue: 100,
					progressTip:"正在安装文件...",
					progress: true,
					buttonNum: 0
				});
				plus.runtime.install(download.filename, {}, function() {
					popupObj.change({
						contentText: "应用资源更新完成！",
						buttonNum: 1,
						progress: false
					});
				}, function(e) {
					popupObj.cancel();
					plus.nativeUI.alert("安装文件失败[" + e.code + "]：" + e.message);
				});
			} else {
				popupObj.change({
					contentText: "文件下载失败...",
					buttonNum: 1,
					progress: false
				});
			}
		});
		dtask.start();
		dtask.addEventListener("statechanged", function(task, status) {
			switch (task.state) {
				case 1: // 开始
					popupObj.change({
						progressValue:0,
						progressTip:"准备下载...",
						progress: true
					});
					break;
				case 2: // 已连接到服务器  
					popupObj.change({
						progressValue:0,
						progressTip:"开始下载...",
						progress: true
					});
					break;
				case 3:
					const progress = parseInt(task.downloadedSize / task.totalSize * 100);
					if(progress - lastProgressValue >= 2){
						lastProgressValue = progress;
						popupObj.change({
							progressValue:progress,
							progressTip: "已下载" + progress + "%",
							progress: true
						});
					}
					break;
			}
		});
		// 取消下载
		popupObj.cancelDownload = function(){
			dtask && dtask.abort();
			uni.showToast({
				title: "已取消下载",
				icon:"none"
			});
		}
		// 重启APP
		popupObj.reboot = function(){
			plus.runtime.restart();
		}
	} else if(data.updatetype == "silent"){
		dtask = plus.downloader.createDownload(data.downloadurl, {
			filename: "_doc/update/"
		}, function(download, status) {
			if (status == 200) {
				plus.runtime.install(download.filename, {}, function() {
					console.log("应用资源更新完成");
				}, function(e) {
					plus.nativeUI.alert("安装文件失败[" + e.code + "]：" + e.message);
				});
			} else {
				plus.nativeUI.alert("文件下载失败...");
			}
		});
		dtask.start();
	}
}
// 文字换行
function drawtext(text, maxWidth) {
	let textArr = text.split("");
	let len = textArr.length;
	// 上个节点
	let previousNode = 0;
	// 记录节点宽度
	let nodeWidth = 0;
	// 文本换行数组
	let rowText = [];
	// 如果是字母，侧保存长度
	let letterWidth = 0;
	// 汉字宽度
	let chineseWidth = 14;
	// otherFont宽度
	let otherWidth = 7;
	for (let i = 0; i < len; i++) {
		if (/[\u4e00-\u9fa5]|[\uFE30-\uFFA0]/g.test(textArr[i])) {
			if(letterWidth > 0){
				if(nodeWidth + chineseWidth + letterWidth * otherWidth > maxWidth){
					rowText.push({
						type: "text",
						content: text.substring(previousNode, i)
					});
					previousNode = i;
					nodeWidth = chineseWidth;
					letterWidth = 0;
				} else {
					nodeWidth += chineseWidth + letterWidth * otherWidth;
					letterWidth = 0;
				}
			} else {
				if(nodeWidth + chineseWidth > maxWidth){
					rowText.push({
						type: "text",
						content: text.substring(previousNode, i)
					});
					previousNode = i;
					nodeWidth = chineseWidth;
				}else{
					nodeWidth += chineseWidth;
				}
			}
		} else {
			if(/\n/g.test(textArr[i])){
				rowText.push({
					type: "break",
					content: text.substring(previousNode, i)
				});
				previousNode = i + 1;
				nodeWidth = 0;
				letterWidth = 0;
			}else if(textArr[i] == "\\" && textArr[i + 1] == "n"){
				rowText.push({
					type: "break",
					content: text.substring(previousNode, i)
				});
				previousNode = i + 2;
				nodeWidth = 0;
				letterWidth = 0;
			}else if(/[a-zA-Z0-9]/g.test(textArr[i])){
				letterWidth += 1;
				if(nodeWidth + letterWidth * otherWidth > maxWidth){
					rowText.push({
						type: "text",
						content: text.substring(previousNode, i + 1 - letterWidth)
					});
					previousNode = i + 1 - letterWidth;
					nodeWidth = letterWidth * otherWidth;
					letterWidth = 0;
				}
			} else{
				if(nodeWidth + otherWidth > maxWidth){
					rowText.push({
						type: "text",
						content: text.substring(previousNode, i)
					});
					previousNode = i;
					nodeWidth = otherWidth;
				}else{
					nodeWidth += otherWidth;
				}
			}
		}
	}
	if (previousNode < len) {
		rowText.push({
			type: "text",
			content: text.substring(previousNode, len)
		});
	}
	return rowText;
}
// 是否更新弹窗
function updatePopup(data, callback) {
	// 弹窗遮罩层
	let maskLayer = new plus.nativeObj.View("maskLayer", { //先创建遮罩层
		top: '0px',
		left: '0px',
		height: '100%',
		width: '100%',
		backgroundColor: 'rgba(0,0,0,0.5)'
	});

	// 以下为计算菜单的nview绘制布局，为固定算法，使用者无关关心
	const screenWidth = plus.screen.resolutionWidth;
	const screenHeight = plus.screen.resolutionHeight;
	//弹窗容器宽度
	const popupViewWidth = screenWidth * 0.7;
	// 弹窗容器的Padding
	const viewContentPadding = 20;
	// 弹窗容器的宽度
	const viewContentWidth = parseInt(popupViewWidth - (viewContentPadding * 2));
	// 描述的列表
	const descriptionList = drawtext(data.versioninfo, viewContentWidth);
	// 弹窗容器高度
	let popupViewHeight = 80 + 20 + 20 + 90 + 10;
	
	let popupViewContentList = [{
			src: $iconUrl,
			id: "logo", 
			tag: "img",
			position: {
				top: "0px",
				left: (popupViewWidth - 124) / 2 + "px",
				width: "124px",
				height: "80px",
			}
		},
		{
			tag: 'font',
			id: 'title',
			text: "发现新版本" + data.versionname,
			textStyles: {
				size: '18px',
				color: "#333",
				weight: "bold",
				whiteSpace: "normal"
			},
			position: {
				top: '90px',
				left: viewContentPadding + "px",
				width: viewContentWidth + "px",
				height: "30px",
			}
		}];
	const textHeight = 18;
	let contentTop = 130;
	descriptionList.forEach((item,index) => {
		if(index > 0){
			popupViewHeight += textHeight;
			contentTop += textHeight;
		}
		popupViewContentList.push({
			tag: 'font',
			id: 'content' + index + 1,
			text: item.content,
			textStyles: {
				size: '14px',
				color: "#666",
				lineSpacing: "50%",
				align: "left"
			},
			position: {
				top: contentTop + "px",
				left: viewContentPadding + "px",
				width: viewContentWidth + "px",
				height: textHeight + "px",
			}
		});
		if(item.type == "break"){
			contentTop += 10;
			popupViewHeight += 10;
		}
	});
	
	if(data.updatetype == "forcibly"){
		popupViewContentList.push({
			tag: 'rect', //绘制底边按钮
			rectStyles:{
				radius: "6px",
				color: $mainColor
			},
			position:{
				bottom: viewContentPadding + 'px',
				left: viewContentPadding + "px",
				width: viewContentWidth + "px",
				height: "30px"
			}
		});
		popupViewContentList.push({
			tag: 'font',
			id: 'confirmText',
			text: "立即升级",
			textStyles: {
				size: '14px',
				color: "#FFF",
				lineSpacing: "0%",
			},
			position: {
				bottom: viewContentPadding + 'px',
				left: viewContentPadding + "px",
				width: viewContentWidth + "px",
				height: "30px"
			}
		});
	} else {
		// 绘制底边按钮
		popupViewContentList.push({
			tag: 'rect',
			id: 'cancelBox',
			rectStyles: {
				radius: "3px",
				borderColor: "#f1f1f1",
				borderWidth: "1px",
			},
			position: {
				bottom: viewContentPadding + 'px',
				left: viewContentPadding + "px",
				width: (viewContentWidth - viewContentPadding) / 2 + "px",
				height: "30px",
			}
		});
		popupViewContentList.push({
			tag: 'rect',
			id: 'confirmBox',
			rectStyles: {
				radius: "3px",
				color: $mainColor,
			},
			position: {
				bottom: viewContentPadding + 'px',
				left: ((viewContentWidth - viewContentPadding) / 2 + viewContentPadding * 2) + "px",
				width: (viewContentWidth - viewContentPadding) / 2 + "px",
				height: "30px",
			}
		});
		popupViewContentList.push({
			tag: 'font',
			id: 'cancelText',
			text: "暂不升级",
			textStyles: {
				size: '14px',
				color: "#666",
				lineSpacing: "0%",
				whiteSpace: "normal"
			},
			position: {
				bottom: viewContentPadding + 'px',
				left: viewContentPadding + "px",
				width: (viewContentWidth - viewContentPadding) / 2 + "px",
				height: "30px",
			}
		});
		popupViewContentList.push({
			tag: 'font',
			id: 'confirmText',
			text: "立即升级",
			textStyles: {
				size: '14px',
				color: "#FFF",
				lineSpacing: "0%",
				whiteSpace: "normal"
			},
			position: {
				bottom: viewContentPadding + 'px',
				left: ((viewContentWidth - viewContentPadding) / 2 + viewContentPadding * 2) + "px",
				width: (viewContentWidth - viewContentPadding) / 2 + "px",
				height: "30px",
			}
		});
	}
	// 弹窗内容
	let popupView = new plus.nativeObj.View("popupView", { //创建底部图标菜单
		tag: "rect",
		top: (screenHeight - popupViewHeight) / 2 + "px",
		left: '15%',
		height: popupViewHeight + "px",
		width: "70%"
	});
	// 绘制白色背景
	popupView.drawRect({
		color: "#FFFFFF",
		radius: "8px"
	}, {
		top: "40px",
		height: popupViewHeight - 40 + "px",
	});
	
	popupView.draw(popupViewContentList);
	popupView.addEventListener("click", function(e) {
		let maxTop = popupViewHeight - viewContentPadding;
		let maxLeft = popupViewWidth - viewContentPadding;
		let buttonWidth = (viewContentWidth - viewContentPadding) / 2;
		if (e.clientY > maxTop - 30 && e.clientY < maxTop) {
			if(data.updatetype == "forcibly"){
				if(e.clientX > viewContentPadding && e.clientX < maxLeft){
					// 立即升级
					maskLayer.hide();
					popupView.hide();
					callback && callback();
				}
			} else {
				// 暂不升级
				if (e.clientX > viewContentPadding && e.clientX < maxLeft - buttonWidth - viewContentPadding) {
					maskLayer.hide();
					popupView.hide();
				} else if (e.clientX > maxLeft - buttonWidth && e.clientX < maxLeft) {
					// 立即升级
					maskLayer.hide();
					popupView.hide();
					callback && callback();
				}
			}
			
		}
	});
	if(data.updatetype == "solicit"){
		// 点击遮罩层
		maskLayer.addEventListener("click", function() { //处理遮罩层点击
			maskLayer.hide();
			popupView.hide();
		});
	}
	// 显示弹窗
	maskLayer.show();
	popupView.show();
}
// 文件下载的弹窗绘图
function downloadPopupDrawing(data){
	// 以下为计算菜单的nview绘制布局，为固定算法，使用者无关关心
	const screenWidth = plus.screen.resolutionWidth;
	const screenHeight = plus.screen.resolutionHeight;
	//弹窗容器宽度
	const popupViewWidth = screenWidth * 0.7;
	// 弹窗容器的Padding
	const viewContentPadding = 20;
	// 弹窗容器的宽度
	const viewContentWidth = popupViewWidth - (viewContentPadding * 2);
	// 弹窗容器高度
	let popupViewHeight = viewContentPadding * 3 + 60;
	let progressTip = data.progressTip || "准备下载...";
	let contentText = data.contentText || "正在为您更新，请耐心等待";
	let elementList = [
		{
			tag: 'rect', //背景色
			color: '#FFFFFF',
			rectStyles:{
				radius: "8px"
			}
		},
		{
			tag: 'font',
			id: 'title',
			text: "升级APP",
			textStyles: {
				size: '16px',
				color: "#333",
				weight: "bold",
				verticalAlign: "middle",
				whiteSpace: "normal"
			},
			position: {
				top: viewContentPadding + 'px',
				height: "30px",
			}
		},
		{
			tag: 'font',
			id: 'content',
			text: contentText,
			textStyles: {
				size: '14px',
				color: "#333",
				verticalAlign: "middle",
				whiteSpace: "normal"
			},
			position: {
				top: viewContentPadding * 2 + 30 + 'px',
				height: "20px",
			}
		}
	];
	// 是否有进度条
	if(data.progress){
		popupViewHeight += viewContentPadding + 40;
		elementList = elementList.concat([
			{
				tag: 'font',
				id: 'progressValue',
				text: progressTip,
				textStyles: {
					size: '14px',
					color: $mainColor,
					whiteSpace: "normal"
				},
				position: {
					top: viewContentPadding * 4 + 20 + 'px',
					height: "30px"
				}
			},
			{
				tag: 'rect', //绘制进度条背景
				id: 'progressBg',
				rectStyles:{
					radius: "4px",
					borderColor: "#f1f1f1",
					borderWidth: "1px",
				},
				position:{
					top: viewContentPadding * 4 + 60 + 'px',
					left: viewContentPadding + "px",
					width: viewContentWidth + "px",
					height: "8px"
				}
			},
		]);
	}
	if (data.buttonNum == 2) {
		popupViewHeight += viewContentPadding + 30;
		elementList = elementList.concat([
			{
				tag: 'rect', //绘制底边按钮
				rectStyles:{
					radius: "3px",
					borderColor: "#f1f1f1",
					borderWidth: "1px",
				},
				position:{
					bottom: viewContentPadding + 'px',
					left: viewContentPadding + "px",
					width: (viewContentWidth - viewContentPadding) / 2 + "px",
					height: "30px"
				}
			},
			{
				tag: 'rect', //绘制底边按钮
				rectStyles:{
					radius: "3px",
					color: $mainColor
				},
				position:{
					bottom: viewContentPadding + 'px',
					left: ((viewContentWidth - viewContentPadding) / 2 + viewContentPadding * 2) + "px",
					width: (viewContentWidth - viewContentPadding) / 2 + "px",
					height: "30px"
				}
			},
			{
				tag: 'font',
				id: 'cancelText',
				text: "取消下载",
				textStyles: {
					size: '14px',
					color: "#666",
					lineSpacing: "0%",
					whiteSpace: "normal"
				},
				position: {
					bottom: viewContentPadding + 'px',
					left: viewContentPadding + "px",
					width: (viewContentWidth - viewContentPadding) / 2 + "px",
					height: "30px",
				}
			},
			{
				tag: 'font',
				id: 'confirmText',
				text: "后台下载",
				textStyles: {
					size: '14px',
					color: "#FFF",
					lineSpacing: "0%",
					whiteSpace: "normal"
				},
				position: {
					bottom: viewContentPadding + 'px',
					left: ((viewContentWidth - viewContentPadding) / 2 + viewContentPadding * 2) + "px",
					width: (viewContentWidth - viewContentPadding) / 2 + "px",
					height: "30px",
				}
			}
		]);
	}
	if (data.buttonNum == 1) {
		popupViewHeight += viewContentPadding + 40;
		elementList = elementList.concat([
			{
				tag: 'rect', //绘制底边按钮
				rectStyles:{
					radius: "6px",
					color: $mainColor
				},
				position:{
					bottom: viewContentPadding + 'px',
					left: viewContentPadding + "px",
					width: viewContentWidth + "px",
					height: "40px"
				}
			},
			{
				tag: 'font',
				id: 'confirmText',
				text: "关闭",
				textStyles: {
					size: '14px',
					color: "#FFF",
					lineSpacing: "0%",
				},
				position: {
					bottom: viewContentPadding + 'px',
					left: viewContentPadding + "px",
					width: viewContentWidth + "px",
					height: "40px"
				}
			}
		]);
	}
	return {
		popupViewHeight:popupViewHeight,
		popupViewWidth:popupViewWidth,
		screenHeight:screenHeight,
		viewContentWidth:viewContentWidth,
		viewContentPadding:viewContentPadding,
		elementList: elementList
	};
}
// 文件下载的弹窗
function downloadPopup(data) {
	// 弹窗遮罩层
	let maskLayer = new plus.nativeObj.View("maskLayer", { //先创建遮罩层
		top: '0px',
		left: '0px',
		height: '100%',
		width: '100%',
		backgroundColor: 'rgba(0,0,0,0.5)'
	});
	let popupViewData = downloadPopupDrawing(data);
	// 弹窗内容
	let popupView = new plus.nativeObj.View("popupView", { //创建底部图标菜单
		tag: "rect",
		top: (popupViewData.screenHeight - popupViewData.popupViewHeight) / 2 + "px",
		left: '15%',
		height: popupViewData.popupViewHeight + "px",
		width: "70%",
	});
	let progressValue = 0;
	let progressTip = 0;
	let contentText = 0;
	let buttonNum = 2;
	if(data.buttonNum >= 0){
		buttonNum = data.buttonNum;
	}
	popupView.draw(popupViewData.elementList);
    let callbackData = {
		change: function(res) {
			let progressElement = [];
			if(res.progressValue){
				progressValue = res.progressValue;
				// 绘制进度条
				progressElement.push({
					tag: 'rect', //绘制进度条背景
					id: 'progressValueBg',
					rectStyles:{
						radius: "4px",
						color: $mainColor
					},
					position:{
						top: popupViewData.viewContentPadding * 4 + 60 + 'px',
						left: popupViewData.viewContentPadding + "px",
						width: popupViewData.viewContentWidth * (res.progressValue / 100) + "px",
						height: "8px"
					}
				});
			}
			if(res.progressTip){
				progressTip = res.progressTip;
				progressElement.push({
					tag: 'font',
					id: 'progressValue',
					text: res.progressTip,
					textStyles: {
						size: '14px',
						color: $mainColor,
						whiteSpace: "normal"
					},
					position: {
						top: popupViewData.viewContentPadding * 4 + 20 + 'px',
						height: "30px"
					}
				});
			}
			if(res.contentText){
				contentText = res.contentText;
				progressElement.push({
					tag: 'font',
					id: 'content',
					text: res.contentText,
					textStyles: {
						size: '16px',
						color: "#333",
						whiteSpace: "normal"
					},
					position: {
						top: popupViewData.viewContentPadding * 2 + 30 + 'px',
						height: "30px",
					}
				});
			}
			if(res.buttonNum >= 0 && buttonNum != res.buttonNum){
				buttonNum = res.buttonNum;
				popupView.reset();
				popupViewData = downloadPopupDrawing(Object.assign({
					progressValue:progressValue,
					progressTip:progressTip,
					contentText:contentText,
				},res));
				let newElement = [];
				popupViewData.elementList.map((item,index) => {
					let have = false;
					progressElement.forEach((childItem,childIndex) => {
						if(item.id == childItem.id){
							have = true;
						}
					});
					if(!have){
						newElement.push(item);
					}
				});
				progressElement = newElement.concat(progressElement);
				popupView.setStyle({
					tag: "rect",
					top: (popupViewData.screenHeight - popupViewData.popupViewHeight) / 2 + "px",
					left: '15%',
					height: popupViewData.popupViewHeight + "px",
					width: "70%",
				});
				popupView.draw(progressElement); 
			}else{
				popupView.draw(progressElement);
			}
		},
		cancel: function() { 
			maskLayer.hide();
			popupView.hide();
		}
	}
	popupView.addEventListener("click", function(e) {
		let maxTop = popupViewData.popupViewHeight - popupViewData.viewContentPadding;
		let maxLeft = popupViewData.popupViewWidth - popupViewData.viewContentPadding;
		if (e.clientY > maxTop - 40 && e.clientY < maxTop) {
			if(buttonNum == 1){
				// 单按钮
				if (e.clientX > popupViewData.viewContentPadding && e.clientX < maxLeft) {
					maskLayer.hide();
					popupView.hide();
                    callbackData.reboot();
				}
			}else if(buttonNum == 2){
				// 双按钮
				let buttonWidth = (popupViewData.viewContentWidth - popupViewData.viewContentPadding) / 2;
				if (e.clientX > popupViewData.viewContentPadding && e.clientX < maxLeft - buttonWidth - popupViewData.viewContentPadding) {
					maskLayer.hide();
					popupView.hide();
                    callbackData.cancelDownload();
				} else if (e.clientX > maxLeft - buttonWidth && e.clientX < maxLeft) {
					maskLayer.hide();
					popupView.hide();
				}
			}
		}
	});
	// 显示弹窗
	maskLayer.show();
	popupView.show();
	// 改变进度条
	return callbackData;
}
export default function(isPrompt = false) {
	getCurrentNo(versioninfo => {
		componentConfig.getServerNo(versioninfo, isPrompt, res => {
			if (res.updatetype == "forcibly" || res.updatetype == "silent") {
				if (/\.wgt$/i.test(res.downloadurl)) {
					getDownload(res);
				} else if(/\.html$/i.test(res.downloadurl)){
					plus.runtime.openURL(res.downloadurl);
				} else {
					if (platform == "android") {
						getDownload(res);
					} else {
						plus.runtime.openURL(res.downloadurl);
					}
				}
			} else if(res.updatetype == "solicit"){
				updatePopup(res, function() {
					if (/\.wgt$/i.test(res.downloadurl)) {
						getDownload(res);
					} else if(/\.html$/i.test(res.downloadurl)){
						plus.runtime.openURL(res.downloadurl);
					} else {
						if (platform == "android") {
							getDownload(res);
						} else {
							plus.runtime.openURL(res.downloadurl);
						}
					}
				});
			}
		});
	});
}
// #endif

插件的目录结构
插件的目录结构 和实现的效果

时光浅止
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Uniapp APP Android 离线SDK 版本号Android-SDK@3.6.17.81662-20230112
02-01
uniapp 不提供旧版离线 APP sdk , 满足旧项目需求, 仅供下载
uniapp 电商app 版本更新插件的详细使用步骤
yehaocheng520的博客
05-27 3684
DCLOUD插件市场——APP版本更新、强制更新、漂亮弹窗、下载进度（wgt更新） APP版本更新、强制更新、漂亮弹窗、下载进度（wgt更新） 这款插件是我自己一个人完整使用下来的奥，作为一个前端小白，这真的是一件令我开心的事。哈哈。自信心来源于积累。加油，早日成为大神。 第一步：下载插件 下载后解压如下： 下载依赖request.js文件 下载后解压如下： 第二步：导入到app中 放置文件路径为：static/common中，由于公司有规定，所以文件夹命名统一改为小写。 第三步：给后端同事说需
uniapp Androud 离线打包升级APK，覆盖安装不更新问题
最新发布
lsg_lsg_lsg的博客
05-20 587
Android 打包时在assets/data/dcloud_control.xml文件中，如果配置debug="true" syncDebug="true"，则consle打印有效，不然没有打印数据 <hbuilder debug="true" syncDebug="true"> <apps> <app appid="__UNI__XXXXX" appver=""/> </apps> </hbuilder> 但是添加了打印，apk 在...
uniapp 开发笔记
qq_29384639的博客
03-31 9064
2、字体小于12px设置，下方示例为10px字体 { font-size: 20px; transform: scale(0.5); //缩放 } 3、
uniapp查看Andriod版本及相关配置
imcholl的博客
05-16 1万+
1. 查看Android版本 路径: manifest -> App常用其他设置 -> Android设置 -> minSdkVersion and targetSdkVersion minSdkVersion： 用于指定应用兼容的最低 Android 版本（API等级）（确保APP只能安装到指定Android版本以上的设备） targetSdkVersion： 用于指定应用适配的 Android 版本（API等级）。 由于我的项目没有设置值，且HBuilderX 版本大于2
解决uniapp打包安卓10版本打不开.zip
02-22
在标题中提到的“解决uniapp打包安卓10版本打不开.zip”表明存在一个特定的打包问题，可能涉及到兼容性或者配置错误，这在Android应用开发中是常见的挑战。 描述中提到了`miit_mdid_1.0.10.aar`，这是一个Android库...
uniapp APP端安卓在线升级功能
06-16
对于Android平台，实现在线升级功能可以分为几个主要步骤，包括版本检查、下载更新、安装新版本以及处理用户交互。 1. **版本检查**： 开发者需要在服务器端维护一个应用的版本信息，包括最新版本号、更新日志、...
uniapp sdk安卓
03-19
### uniapp SDK安卓原生插件制作指南 #### 一、引言 随着移动应用开发技术的不断进步，uniapp 成为了跨平台开发的重要工具之一。对于开发者而言，能够掌握如何利用uniapp来构建高性能的原生插件，无疑会大大提升...
uniapp开发app，进行app更新组件
01-17
2. 下载更新：当检测到有新版本可用时，显示更新提示，用户同意后，调用`plus.update.downloadUpdate`开始下载更新包。下载过程中可以监听`progress`事件来显示下载进度。 3. 安装更新：下载完成后，调用`plus....
uniapp开发之环境判断
weixin_41951632的博客
01-27 4522
uniapp开发之环境判断 1、开发环境和生产环境判断 通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。 if(process.env.NODE_ENV === 'development'){ console.log('开发环境') }else{ console.log('生产环境') } 2、判断平台 编译期判断 编译期判断，即条件编译，不同平台在编译出包后已经是不同的代码。 // #ifdef H5
获取版本号
04-11
可以用于获取已经安装好的apk的版本号，以及获取已经下载好的apk（未安装）安装包的版本号
uni-app编译环境
weixin_41876163的博客
10-22 1957
uni.getSystemInfoSync().platform // 1、uni-app 编译为小程序时均为生产环境，可用过 uni.getSystemInfoSync().platform 判断是在微信开发者工具里运行还是在手机里运行。 　if(uni.getSystemInfoSync().platform === 'devtools')　　　　　　 　　{ 　　　　 　　cons
记录--uni-app中安卓包检查更新、新版本下载、下载进度条显示功能实现
林恒的博客
03-06 1149
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 需求描述 如果想要做一个app的话，可以有很多种选择方案，uni-app是其中的一个性价比高一些(坑多一些)的方案。本文记录一下，uni-app打安卓包以后，需要检查并下载更新，且显示进度条的功能。 代码在自己公司项目中应用，大家可放心使用。 需求： 检查版本是否是最新版 若不是最新版就下载远端服务器的最新的apk包 下载中...
uniapp如何实现最新发布apk版本检查和更新
前端-尔嵘
06-03 6657
我们要实现的用户进入apk首页之后，将安卓本机的apk版本和最新的apk版本对比，如果有更高级别的版本(版本号迭代的时候要逐渐增加，比如：本地100版本号（v1.0.0），最新的是102版本号（v1.0.2），那么就提示更新)要提示用户更新，去点击更新按钮下载最新的apk并且安装体验！目前这个仅仅针对apk（安卓轻应用，由于没有正式的安卓证书，没办法发布到安卓应用市场，但是发布的apk配合线上的接口服务也是可以在安卓上体验和使用的，首次点击下载链接或者将下载链接加入到草料二维码中扫码下载，记得用浏览器下载。
uniapp打包成android版本的app
weixin_43758712的博客
08-03 4042
uniapp打包Android的apk文件
uni-app打包发布Android版本
yyxhzdm的博客
11-17 3101
一、查看编辑代码的HBuilder X工具的版本（帮助 --> 关于） 下载Android离线SDK地址 注意：您下载的Android离线SDK版本需要与你HBuilder X 开发工具一致 先看清楚自己的版本，如果是最新版直接在上面百度云或和彩云中下载，如果不是最新版可以在下面下载历史版本。 二、生成本地打包APP资源 通过 HBuilderX 可视化界面创建的项目 选择项目 -> 发行 -> 原生App-本地打包 -> 生成本地打包App资...
uniapp Android 原生插件开发（Module 扩展为例·2022）
热门推荐
lauwen
08-11 2万+
uniapp原生android插件开发流程，uniapp原生android插件调试流程，uniapp原生android插件自定义基座打包流程一览。
uniapp怎么获取版本号
11-11
可以使用uni-app提供的plus.runtime.version获取应用的版本号，具体代码如下所示： ```javascript var version = plus.runtime.version; console.log('应用版本号为：' + version); ``` 其中，plus.runtime.version是uni-app提供的API，用于获取应用的版本号。需要注意的是，该API只能在应用中使用，无法在H5页面中使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

时光浅止

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值