当前位置: 首页 > news >正文

网站后台样式推广运营平台

网站后台样式,推广运营平台,犬舍网站怎么做,网站建设及托管合同uniapp实现局域网(内网)中APP自动检测版本,弹窗提醒升级 在开发MES系统的过程中,涉及到了平板端APP的开发,既然是移动端的应用,那么肯定需要APP版本的自动更新功能。 查阅相关资料后,在uniapp的…

uniapp实现局域网(内网)中APP自动检测版本,弹窗提醒升级

在开发MES系统的过程中,涉及到了平板端APP的开发,既然是移动端的应用,那么肯定需要APP版本的自动更新功能。

查阅相关资料后,在uniapp的官方文档中发现官方已经提供了基于云端的uniCloud云函数进行实现。主要是使用uni-upgrade-center - Adminuni-upgrade-center - App进行配置与更新,使用该方法比较简便,不需要考虑太多的问题,并且有免费空间,个人体验应该没啥问题。但是如果是在内网情况下,则需要使用本文接下来提到的方案,根据后端进行调配。

如果需要使用云函数进行更新,在官方文档的基础上,推荐大家查看这一篇博客,博主写的非常细致

传送门=>:https://blog.csdn.net/QQ727338622/article/details/130612591

一、实现思路

1、判断云端版本是否更新

通过接口获取线上最新版本号(默认规定版本号为正整数)与本地APP版本号进行比较大小,当线上最新版本号大于本地版本号就需要更新。本地App版本可在每次发版时候在manifest.json-基础配置-应用版本号进行设置

2、弹窗提醒

弹窗提醒分为了强制更新提醒与正常更新提醒,强制更新弹窗后必须进行更新,适用于出现紧急bug需要修复的情况。正常更新用户可以选择不进行更新,老版本照常使用,弹窗可以进行关闭。

3、根据链接进行下载APK

点击立即更新按钮后,从云端获取的下载链接中下载新的安装包,进行下载。

4、下载后安装

下载后实现自动安装功能,可以实现打开安装页面,但是否无法强制用户安装,用户可以自己选择取消安装。

二、实现方法

1、后端接口实现获取应用版本

首先需要在后端服务中实现能够获取当前应用版本的接口,经过实现后我的接口返回内容如下,数据仅供参考:

result:{version: "string",//版本isforce: 0,//是否强制appname: "string",//应用名称downloadurl: "string",//下载链接
}

2、对比版本与更新模式

对比版本的逻辑主要用到了plus.runtime.getProperty方法,该方法功能为获取指定APPID对应的应用信息。

该功能的实现使用了较多的plus方法,可以参考下方的链接进行查看官方文档

https://www.html5plus.org/doc/zh_cn/runtime.html

1)方法说明

void plus.runtime.getProperty( appid, getPropertyCB );

参数:

  • appid:( String ) 必选 应用的Appid
  • getPropertyCB:(GetPropertyCallBack) 必选 获得应用信息成功回调函数

返回值:

void : 无

示例:

// 获取应用信息
function getAppInfo() {plus.runtime.getProperty( plus.runtime.appid, function ( wgtinfo ) {//appid属性var wgtStr = "appid:"+wgtinfo.appid;//version属性wgtStr += "<br/>version:"+wgtinfo.version;//name属性wgtStr += "<br/>name:"+wgtinfo.name;//description属性wgtStr += "<br/>description:"+wgtinfo.description;//author属性wgtStr += "<br/>author:"+wgtinfo.author;//email属性wgtStr += "<br/>email:"+wgtinfo.email;//features 属性wgtStr += "<br/>features:"+wgtinfo.features;console.log( wgtStr );} );

2)实现代码

plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {curVersion = widgetInfo.version;
});

获取到当前应用的版本后,需要通过curVersion与后端获取的版本进行。

3、弹窗提醒并下载

弹窗前需要判断该版本是否紧急,根据紧急情况的区别弹窗也要进行区分。

uni.showModal({title: '版本更新',content: '尊敬的用户,我们为您准备了最新的版本更新,内含诸多新功能与用户体验优化。点击立即升级,享受更多精彩和便利。',confirmText: '立即更新',cancelText: '取消',//如果是紧急情况需要将取消按钮关闭howCancel: false,success: function(res) {if (res.confirm) {downLoadApp(obj.downloadUrl)}}
});

在进行下载的任务时,需要使用两个较为关键的API,分别是Download plus.downloader.createDownload(url, options, completedCB);

1)方法说明

Download plus.downloader.createDownload(url, options, completedCB);

说明:

请求下载管理创建新的下载任务,创建成功则返回Download对象,用于管理下载任务。

参数:

  • url:( String ) 必选 要下载文件资源地址

    要下载文件的url地址,仅支持网络资源地址,支持http或https协议。 允许创建多个相同url地址的下载任务。 注意:如果url地址中包含中文或空格等,需要进行urlencode转换。

  • options:(DownloadOptions) 可选 下载任务的参数

    可通过此参数设置下载任务属性,如保存文件路径、下载优先级等。

  • completedCB:(DownloadCompletedCallback) 可选 下载任务完成回调函数

    当下载任务下载完成时触发,成功或失败都会触发。

返回值:

Download : 新建的下载任务对象

void plus.runtime.install(filePath, options, installSuccessCB, installErrorCB);

支持以下类型安装包:

  1. 应用资源安装包(wgt),扩展名为’.wgt’;
  2. 应用资源差量升级包(wgtu),扩展名为’.wgtu’;
  3. 系统程序安装包(apk),要求使用当前平台支持的安装包格式。
  4. 注意:仅支持本地地址,调用此方法前需把安装包从网络地址或其他位置放置到运行时环境可以访问的本地目录。

参数:

  • filePath:( String ) 必选 要安装的文件路径

    支持应用资源安装包(wgt)、应用资源差量升级包(wgtu)、系统程序包(apk)。

  • options:(WidgetOptions) 可选 应用安装设置的参数

  • installSuccessCB:(InstallSuccessCallback) 可选 正确安装后的回调

  • installErrorCB:(InstallErrorCallback) 可选 安装失败的回调

返回值:

void : 无

平台支持:

  • Android - 2.2+ (支持) :

    安装apk需添加以下权限:

    • “<uses-permission android:name=“android.permission.INSTALL_PACKAGES”/>”,
    • “<uses-permission android:name=“android.permission.REQUEST_INSTALL_PACKAGES”/>”

    参考:https://ask.dcloud.net.cn/article/36982。

  • iOS - 4.3+ (支持) :

    不支持ipa包的安装,需跳转app sotre引导用户手动操作安装。

2)代码实现

function downLoadApp(downloadUrl) {//创建下载任务const task = plus.downloader.createDownload(downloadUrl, {method: "GET"},(res, status) => {console.log(res, status)if (status === 200) {uni.hideLoading();plus.runtime.install(res.filename)}})uni.showLoading({title: '下载中'});//开始执行下载task.start()
}

三、实现效果

img

注意事项:

如果无法安装APP,manifest.json-APP权限设置需勾选:

“<uses-permission android:name=“android.permission.INSTALL_PACKAGES”/>”,

“<uses-permission android:name=“android.permission.REQUEST_INSTALL_PACKAGES”/>”

http://www.hkea.cn/news/96627/

相关文章:

  • wordpress 文章主题关键词推广seo
  • 佛山网站建设佛山网络推广代运营公司靠谱吗
  • 贵阳疫情最新消息站内seo优化
  • wordpress相关问题深圳百度关键字优化
  • 做国珍新时代 网站陕西seo顾问服务
  • 建立网站怎么做关键字搜索引擎营销的作用
  • 广州手机网站建设宁波seo优化费用
  • 怎么设置网站服务器宁德市教育局官网
  • 查看网站源代码建站可以牛排seo系统
  • 政府网站建设的基本原则百度网盘电脑版
  • 张家港网站建设福州百度快速优化
  • 兼职做网站编辑百度搜索推广开户
  • 谁告诉你j2ee是做网站的宁波网站推广找哪家公司
  • 谷歌外贸建站多少钱搭建网站教程
  • 赚钱靠普的网站关键字搜索软件
  • 建设银行深分行圳招聘网站做游戏推广一个月能拿多少钱
  • 北京网站建设及推广招聘关键词排名代做
  • 对网站建设的意见建议网络营销推广的方法有哪些
  • 爬虫网站怎么做怎样才能在百度上面做广告宣传
  • 网站页码南昌做seo的公司有哪些
  • 网络设计方案包括哪些深圳百度推广seo公司
  • 亚马逊跨境电商开店站长工具seo综合查询5g
  • 网站怎么做百度快照logo百度快照优化推广
  • 山西网站建设排名seo技术培训山东
  • 日韩系成人影片成首选网站如何优化推广
  • 网站到期续费通知搜索风云排行榜
  • 网站公司说我们做的网站服务器不够用哪个杭州seo好
  • 类似淘宝网站建设费用杭州哪家seo公司好
  • 装修网站怎样做seo专员很难吗
  • 无锡网站外包如何接广告赚钱