uniapp 电商app 版本更新插件的详细使用步骤

DCLOUD插件市场——APP版本更新、强制更新、漂亮弹窗、下载进度(wgt更新)

APP版本更新、强制更新、漂亮弹窗、下载进度(wgt更新)

这款插件是我自己一个人完整使用下来的奥,作为一个前端小白,这真的是一件令我开心的事。哈哈。自信心来源于积累。加油,早日成为大神。

第一步:下载插件

uniapp 电商app 版本更新插件的详细使用步骤
下载后解压如下:
uniapp 电商app 版本更新插件的详细使用步骤

下载依赖request.js文件
uniapp 电商app 版本更新插件的详细使用步骤
下载后解压如下:
uniapp 电商app 版本更新插件的详细使用步骤

第二步:导入到app中

放置文件路径为:static/common中,由于公司有规定,所以文件夹命名统一改为小写。

uniapp 电商app 版本更新插件的详细使用步骤
uniapp 电商app 版本更新插件的详细使用步骤

第三步:给后端同事说需要的内容

uniapp 电商app 版本更新插件的详细使用步骤

uniapp 电商app 版本更新插件的详细使用步骤
后台返给我的数据结构:
uniapp 电商app 版本更新插件的详细使用步骤
这个数据结构中有一个是跟检查更新插件有点区别的。

  1. forceUpdate:true或false,改为了forceUpdate:1或2;这个需要将所有的forceUpdate的判断条件:
    if(forceUpdate == 1)或者 if(forceUpdate == 2)
  2. versionCode:inf.versionCode,version:inf.version
    uniapp 电商app 版本更新插件的详细使用步骤
    uniapp 电商app 版本更新插件的详细使用步骤

最终的显示界面如下:
uniapp 电商app 版本更新插件的详细使用步骤