精华内容
下载资源
问答
  • //<...------- // 版本更新 checkUpdateVersion: function () { var that=this //创建 UpdateManager 实例 const updateManager = wx.getUpdateManager(); //检测版本更新 updateManager.o...

     

     

      //<<<------- // 版本更新
      checkUpdateVersion: function () {
        var that=this
        //创建 UpdateManager 实例
        const updateManager = wx.getUpdateManager();
        //检测版本更新
        updateManager.onCheckForUpdate(function (res) {
          // 请求完新版本信息的回调
          if (res.hasUpdate == true) {
            //监听小程序有版本更新事件
            updateManager.onUpdateReady(function () {
               wx.showModal({
                title: '[灯塔],更新提示!!!',
                 content: '新版本已经准备好,是否重启应用?',
                 success(res) {
                  if (res.confirm) {
              // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
              updateManager.applyUpdate();
              // }
              // }
              // })
            })
    
            updateManager.onUpdateFailed(function () {
    
              // 新版本下载失败
              wx.showModal({
                title: '[灯塔]已经有新版本咯~',
                content: '请您删除当前小程序,到微信 “发现-小程序” 页,重新搜索[灯塔]打开呦~',
              })
            })
          } 
        })
        //----------->>>>
      },

     

    展开全文
  • 微信小程序 版本自动更新的实现

    千次阅读 热门讨论 2018-12-27 17:43:25
    涉及到微信小程序开发的小伙伴们,相信一定会遇到新版本发布后,旧版本无法自动更新的困扰. 我之前进行开发的时候 首先是因为在今年的 3、4月份进行小程序的初次接触;但是网上也没搜到相关的解决方案; 最笨的方法...

    ி 背景

    涉及到微信小程序开发的小伙伴们,相信一定会遇到新版本发布后,旧版本无法自动更新的困扰.

    • 我之前进行开发的时候:
    -  首先是因为在今年的 3、4月份进行小程序的初次接触;
    -  但是网上也没搜到相关的解决方案;
    -  最笨的方法就是,删除小程序后再重新搜索打开就好;
    
    -  然后,记不清从哪里看到的信息;
    -  大概意思是:小程序的更新机制会自动检测,根据手机的缓存程度不同,一般最迟两个小时就能自动替换
    -  所以就有点不了了之了
    
    !!!(真实情况是,在之前进行版本发布后,有的iphone手机,即便一天之后进入,依然是旧版本,根本不会自动更新替换好吧)!!!
    
    -  今天无意中又想到这个问题,再进行百度,发现很多道友给出解决方案了;
    -  我猜测是这段时间官方进行了功能补充,亦或者是道友们的深层挖掘吧;
    -  在此进行一下整理,希望能帮到更多的朋友...
    

    ♘实现方案

    首先,你必须要了解一下 小程序 - 运行机制

    然后根据文档指导,自然而然就会进入到 UpdateManager 对象 的介绍与使用

    • 我根据官方提供的示例及其他道友的文章参考,最后进行了如下代码整合 : >>>
    /**
     * 检测当前的小程序
     * 是否是最新版本,是否需要下载、更新
     */
    function checkUpdateVersion() {
      //创建 UpdateManager 实例
      const updateManager = wx.getUpdateManager();
      //检测版本更新
      updateManager.onCheckForUpdate(function(res) {
        // 请求完新版本信息的回调
        if (res.hasUpdate) {
          //监听小程序有版本更新事件
          updateManager.onUpdateReady(function() {
            wx.showModal({
              title: '更新提示',
              content: '新版本已经准备好,是否重启应用?',
              success(res) {
                if (res.confirm) {
                  // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                  updateManager.applyUpdate();
                }
              }
            })
          })
    
          updateManager.onUpdateFailed(function() {
            // 新版本下载失败
            wx.showModal({
              title: '已经有新版本咯~',
              content: '请您删除当前小程序,到微信 “发现-小程序” 页,重新搜索打开呦~',
            })
          })
        }
      })
    }
    

    ♖ 具体使用

    根据小程序的运行机制,适合在启动时就进行版本检测的操作

    • 所以,可以在 app.jsonLaunch() 方法中进行调用 上面的 checkUpdateVersion()

    • 运行效果截图:

    • Tips:

    1. 小程序开发版/体验版没有「版本」概念,所以无法在开发版/体验版上测试更版本更新情况
    2. 准确来讲,版本自动更新的方法越早进行补充越合理,
       尤其适合前期使用人数较少的时候就做补充,以避免后期使用人数太多时而旧版本依然无法检测更新及时替换的情况
    
    • 补充

    考虑再三,为了版本的统一化,当然是建议小程序可以自动更新,所以升级一下代码如下:

    • 建议可以对比两种写法,找找不同…
    /**
     * 检测当前的小程序
     * 是否是最新版本,是否需要下载、更新
     */
    function checkUpdateVersion() {
      //判断微信版本是否 兼容小程序更新机制API的使用
      if (wx.canIUse('getUpdateManager')) {
        //创建 UpdateManager 实例
        const updateManager = wx.getUpdateManager();
        //检测版本更新
        updateManager.onCheckForUpdate(function(res) {
          // 请求完新版本信息的回调
          if (res.hasUpdate) {
            //监听小程序有版本更新事件
            updateManager.onUpdateReady(function() {
              //TODO 新的版本已经下载好,调用 applyUpdate 应用新版本并重启 ( 此处进行了自动更新操作)
              updateManager.applyUpdate();
            })
            updateManager.onUpdateFailed(function() {
              // 新版本下载失败
              wx.showModal({
                title: '已经有新版本喽~',
                content: '请您删除当前小程序,到微信 “发现-小程序” 页,重新搜索打开哦~',
              })
            })
          }
        })
      } else {
        //TODO 此时微信版本太低(一般而言版本都是支持的)
        wx.showModal({
          title: '溫馨提示',
          content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
        })
      }
    }
    
    展开全文
  • 最近接触微信小程序开发,已经开发了一个多月了,就分享一下技术心得,本篇博文来分享一下微信小程序进行版本迭代的步骤,首次提交微信小程序的步骤在这里不再介绍,会分另外的篇幅进行专门的介绍。 微信小程序进行...

    最近接触微信小程序开发,已经开发了一个多月了,就分享一下技术心得,本篇博文来分享一下微信小程序进行版本迭代的步骤,首次提交微信小程序的步骤在这里不再介绍,会分另外的篇幅进行专门的介绍。

    微信小程序进行版本迭代的步骤也很简单,只要不是首次提交版本,操作步骤只有简单几步而已,具体操作步骤如下所示。

    1、打开微信小程序开发者工具,把编辑好的新版本代码,点击右上角的“上传”按钮进行提交操作,然后进行确认提交操作;

    展开全文
  • 微信小程序版本提示更新

    千次阅读 2019-06-15 10:52:57
    微信小程序版本提示更新 公司的小程序项目上线, 后期还会有小型的版本迭代. 为了让用户能在我们进行版本迭代后及时使用最新版本的功能. 做了以下优化… 知识点1: 当用户点击左上角关闭,或者按了设备Home 键离开...

    微信小程序新版本提示更新

    公司的小程序项目上线, 后期还会有小型的版本迭代. 为了让用户能在我们进行版本迭代后及时使用最新版本的功能. 做了以下优化…
    知识点1: 当用户点击左上角关闭,或者按了设备Home 键离开微信,小程序并没有直接销毁,而是进入了后台;
    当再次进入微信或再次打开小程序,又会从后台进入前台,只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。

    知识点2: 小程序的启动分为"冷启动" 和 “热启动”.
    热启动是指: 小程序打开后,在一段时间内(目前:5分钟)再次被打开,此时会将后台的小程序切换到前台。
    冷启动是指: 小程序首次打开或销毁后再次被打开

    知识点3: 更新版本
    冷启动时, 如果发现有新版本,将会异步下载新版本的代码包,并同时用客户端本地的包进行启动,即新版本的小程序需要等下一次冷启动才会应用上。
    如果要马上应用最新版本,使用 wx.getUpdateManager API 进行处理。
    代码如下:

    // 在app.js里写下以下代码
      onLaunch () {
        if (wx.canIUse('getUpdateManager')) {
          const updateManager = wx.getUpdateManager()
          updateManager.onCheckForUpdate(function (res) {
            console.log('onCheckForUpdate====', res)
            // 请求完新版本信息的回调
            if (res.hasUpdate) {
              console.log('res.hasUpdate====')
              updateManager.onUpdateReady(function () {
                wx.showModal({
                  title: '更新提示',
                  content: '新版本已经准备好,是否重启应用?',
                  success: function (res) {
                    console.log('success====', res)
                    // res: {errMsg: "showModal: ok", cancel: false, confirm: true}
                    if (res.confirm) {
                      // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                      updateManager.applyUpdate()
                    }
                  }
                })
              })
              updateManager.onUpdateFailed(function () {
                // 新的版本下载失败
                wx.showModal({
                  title: '已经有新版本了哟~',
                  content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~'
                })
              })
            }
          })
        }
      }
    

    知识点4: 小程序重新初始化时会触发onLaunch事件. onLaunch事件会触发在页面onShow事件之前.获取小程序更新版本可以写在onLaunch里.

    知识点5:
    在开发和体验版无法测试版本更新
    需要在开发者工具里,编译时选择"模拟更新编译"
    在这里插入图片描述

    ![在这里插入图片描述(https://imgconvert.csdnimg.cn/aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8yMzEzMDY1LTc5NWU3MzJhN2VjMWI5NDkucG5n?x-oss-process=image/format,png)
    (部分开发者工具版本, 每次update编译时都需要重新勾选此选项)
    点击确定,重新编译.
    页面会弹窗显示:
    在这里插入图片描述

    点击确认后:
    在这里插入图片描述

    控制台显示:
    在这里插入图片描述

    知识点6: 随着小程序的不断更新, 部分功能可能需要最新版的微信客户端才能使用. 这时候可以弹窗提示用户更新到最新版本微信

    if (wx.canIUse('getUpdateManager')) {
      ...
    } else {
      // can't use getUpdateManager
      wx.showModal({
            title: '提示',
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
       })
    

    完整版本:

    onLaunch () {
        if (wx.canIUse('getUpdateManager')) {
          const updateManager = wx.getUpdateManager()
          updateManager.onCheckForUpdate(function (res) {
            if (res.hasUpdate) {
              updateManager.onUpdateReady(function () {
                wx.showModal({
                  title: '更新提示',
                  content: '新版本已经准备好,是否重启应用?',
                  success: function (res) {
                    if (res.confirm) {
                      updateManager.applyUpdate()
                    }
                  }
                })
              })
              updateManager.onUpdateFailed(function () {
                wx.showModal({
                  title: '已经有新版本了哟~',
                  content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~'
                })
              })
            }
          })
        } else {
          wx.showModal({
            title: '提示',
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
          })
        }
      }
    

    知识点7: 如果在onLaunch里进行请求, 这是异步请求. 如果对交互顺序有要求, 如: 版本更新–重新获取数据-- 用户展示, 那么需要考虑在callback里进行重获数据.

    知识点8:
    小程序启动时,正常是会热更新,下载新版本的包,下一次启动就会使用新包。但发现有更新不成功的情况发生.
    官方回答: 策略生效跟网络环境以及发布时间等若干因素有关,会尽可能让小程序快地更新,但无法保证每次都热更新成功。

    知识点9:
    小程序的异步更新发生在冷启动过程. 官方不建议热更新. 原因:

    在这里插入图片描述

    官方文档–更新

    转载自:简书
    原作者:小小小魔仙
    链接:https://www.jianshu.com/p/4f5e3faaf483

    展开全文
  • 微信小程序版本发布之后,用户使用依然是旧版本,这是因为在微信中有旧版本的缓存,不会及时更新到新版本。要想让用户更新到新版本,可以通过提示用户在微信中的“发现 - 小程序”入口中将旧版小程序删除,然后再...
  • 微信小程序上线缓存及解决办法

    千次阅读 2020-07-31 09:24:11
    小程序更新迭代版本之后,我们要是之前已经在手机打开过的话,再重新打开经常会有一个问题,就是我们新迭代的功能不能立即使用,在你手机上显示的版本还是之前的版本,此时我们或许会有疑问,我的新版本明明已经...
  • 微信小程序开发视频教程全套

    千次下载 热门讨论 2017-12-14 12:57:52
    微信小程序(wei xin xiao cheng xu),简称小程序,缩写XCX,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。 全面开放申请后,主体...
  • 微信小程序版本发布之后,用户使用依然是旧版本,这是因为在微信中有旧版本的缓存,不会及时更新到新版本。要想让用户更新到新版本,可以通过提示用户在微信中的“发现 - 小程序”入口中将旧版小程序删除,然后再...
  • 微信小程序 更新版本操作

    千次阅读 2019-04-09 16:50:39
    1.小程序的启动方式: 冷启动----小程序首次打开或销毁后再次被打开 ... 小程序冷启动时,会检查小程序是否有最新版本。如果有则将异步下载最新版本,但是仍将运行当前版本等到下一次冷启动时再运行最新版本。 ...
  • 微信小程序毕业设计、微信小程序商城毕业设计

    万次阅读 多人点赞 2019-07-04 11:36:36
    微信小程序毕业设计、商城小程序】 该微信小程序商城功能模块包含: 首页、分类、商品详情页面,包含加入购物车、收藏商品、商品评论功能、用户登录、微信登录、订单管理、地址管理;完整的购物流程,商品的加入、...
  • 申请微信小程序并认证的步骤参见三掌柜发布的名为“微信小程序:微信公众号申请微信小程序并认证的步骤”这篇文章,这里只介绍怎么正确登录到微信小程序管理后台界面。  发现一个问题,之所以被误导就是因为没有...
  • 基于微信小程序的培训机构系统 前言:该系统作为本科毕业设计,可能还有很多的不足。只是当时做这个系统的时候,由于需要使用java语言作为后端实现与微信小程序界面数据交互,看遍网上很多的案例基本后台都是php语言...
  • 微信小程序 实例汇总 完整项目源代码

    千次下载 热门讨论 2016-11-01 17:46:47
    微信小程序 实例汇总 完整项目源代码
  • 小程序先提交了一个版本,但是用的时候发现了一些问题需要及时的更新,这时候就要发布新版本。如何让用户自己的小程序更新到最新版本呢? 一、运行机制 小程序启动会有两种情况,一种是「冷启动」,一种是「热...
  • 微信小程序面试题总结

    万次阅读 多人点赞 2019-10-23 09:43:07
    简单描述下微信小程序的相关文件类型? 一、WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件。与html差不多。 二、...
  • 微信小程序线上版本自动更新

    万次阅读 2019-05-25 20:48:34
    微信小程序线上版本自动更新解决代码这是当时做的小程序,供各位参考。 小编也刚开始学习微信小程序,花了一周时间,终于完成了我的第一个小程序。这个漫长的开发过程中会遇到各种问题,往往由很多问题我们事先都想...
  • 20个精典微信小程序源码

    千次下载 热门讨论 2017-11-28 18:16:34
    20个精典微信小程序源码包涵小程序截图画面,所有程序可直接在微信小程序开发IDE中导入运行
  • 最细微信小程序版本上传、提交审核、发布

    千次阅读 多人点赞 2020-06-04 11:59:17
    配置完成后,在开发者工具上进行上传版本版本说明),后进入微信公众平台进行版本的提交审核,这时候只能安静的等待微信小程序审核部门进行审核了,有加急和不加急的区别,如果加急快的话可能5分钟就搞定了,官方...
  • 微信小程序版本更新日志记录

    千次阅读 2019-09-23 20:41:22
    微信小程序版本更新日志记录 刚才发布了第一篇文章之后,想要重新发布一个体验版,不舍得自己每一次得更新记录,于是就发个文章记录一下自己每一次的更新,就跟那种每次手机系统更新时写在前面的话一样吧,到目前...
  • 微信小程序强制更新

    万次阅读 2019-09-27 11:39:49
    如图,当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除),则会弹出这个提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新。 ...
  • 微信小程序点菜实例源码下载

    热门讨论 2017-01-22 12:07:47
    微信小程序开发改别人的现在可以直接使用
  • Springboot+Mybatis+Mysql+ 微信小程序+Mpvue 1、小程序展示 2、功能介绍 用户第一次使用小程序 用户授权 上传视频和图片 设置密码和有效期 分享给微信好友 输入密码提取资料 下载资料 个人...
  • 毕业设计 微信小程序 音乐播放器

    万次阅读 多人点赞 2019-11-08 21:22:32
    大学室友根据网易云的API自己制作的微信小程序,获得校级优秀毕业设计(如果你是大佬请绕行),下面简单介绍一下: 根据多次的使用不同的音乐APP发现,网易云音乐的页面设计最适合作为本微信小程序的页面基础模板...
  • 微信小程序开发教程手册文档

    万次阅读 多人点赞 2018-06-28 14:25:48
    微信小程序开发教程文档微信小程序是什么?微信小程序如何开发?微信小程序开发教程有哪些?本教程将从微信小程序本身,结合微信官方-微信小程序开发工具,带你一步步创建一个微信小程序,并在手机操作预览该小程序...
  • 微信小程序官方示例完整源代码下载

    千次下载 热门讨论 2017-01-09 16:53:10
    微信小程序官方示例完整源代码 微信官网小程序组件和接口使用演示完整源代码 详细使用教程
  • 微信小程序微商城示例模板demo 下载

    热门讨论 2017-05-11 10:53:40
    微信小程序微商城示例模板demo
  • 微信小程序测试方案

    千次阅读 2019-05-19 15:13:42
    小程序架构 小程序主要分为两个主要的部分:view模块和service模块。view模块负责UI展示,它由wxml和wxss转换...小程序主要分为三个版本类型:开发版、体验版、正式版。开发板和体验版无需审核,需要给微信号配置权...
  • 微信小程序 城市选择器 城市切换

    千次下载 热门讨论 2017-01-14 15:18:20
    微信小程序 城市选择器 城市切换
  • 微信小程序开发过程中,我们在版本迭代后,客户端并不能触发这个自动更新,需要清掉小程序后重新搜索进入才能获取到最新的小程序,但这个是用户所不能感知到的操作,故需要提醒用户如何去get到最新的版本: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 410,447
精华内容 164,178
关键字:

微信小程序版本更新

微信小程序 订阅