小程序入门与实战教程:发布上线与更新版本

2020-06-2713:47:07APP与小程序开发Comments1,978 views字数 1727阅读模式

小程序的前端部分开发完成了,经过体验测试之后,我们需要发布上线了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

发布上线

一个小程序从开发完到上线一般要经过 预览 -> 上传代码 -> 提交审核 -> 发布等步骤。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

打包代码

运行命令文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

npm run build

将 dist 下面的 src 放到微信开发者工具中打开。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

预览

然后点击菜单栏的预览,使用手机扫描下面的二维码。帮助我们检查小程序在移动端上的真实表现。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

小程序入门与实战教程:发布上线与更新版本
image
上传代码

同预览不同,上传代码适用于提交体验或者审核使用的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

小程序入门与实战教程:发布上线与更新版本
image

点击上传按钮,填写版本号以及项目备注,这里的版本号以及项目备注是为了方便管理员检查版本使用的,我们可以根据实际需求来填写这两个字段。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

提交审核

为了保证小程序的质量,以及符合相关的规范,小程序的发布是需要审核的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

登录小程序后台 - 管理 -  版本管理 - 开发版本文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

小程序入门与实战教程:发布上线与更新版本
image

找到版本然后点击提交审核按钮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

发布

审核通过之后,管理员的微信中会收到小程序审核的通知。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

登录小程序后台 - 管理 -  版本管理 - 审核版本 点击发布就可以了。一般是全量发布。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

版本更新

里面的 onShow() 方法里面文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

 let updateManager = ();

        (res => {
            if () {
                ({
                    title: '正在更新,请稍后',
                    mask: true
                })
            }
        })
        (function () {
            ();
            ({
                title: '更新提示',
                content: '新版本已经准备好,是否重启应用?',
                success(res) {
                    if () {
                        // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                        ()
                    }
                }
            })
        })

        (err => {
            ({
                title: '更新提示',
                content: '更新失败',
            })
        })
()

获取全局唯一的版本更新管理器,用于管理小程序更新。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

返回值:UpdateManager文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

UpdateManager 对象

UpdateManager 对象,用来管理更新,可通过 接口获取实例。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

方法:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

()

强制小程序重启并使用新版本。在小程序新版本下载完成后(即收到 onUpdateReady 回调)调用.文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

(function callback)

监听向微信后台请求检查更新结果事件。微信在小程序冷启动时自动检查更新,不需由开发者主动触发。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

(function callback)

监听小程序有版本更新事件。客户端主动触发下载(无需开发者触发),下载成功后回调。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

(function callback)

监听小程序更新失败事件。小程序有新版本,客户端主动触发下载(无需开发者触发),下载失败(可能是网络原因等)后回调文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

「示例代码」文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html

const updateManager = ()

(function (res) {
  // 请求完新版本信息的回调
  ()
})

(function () {
  ({
    title: '更新提示',
    content: '新版本已经准备好,是否重启应用?',
    success: function (res) {
      if () {
        // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
        ()
      }
    }
  })
})

(function () {
  // 新版本下载失败
})
Tips

总结

  • 小程序如何上线发布版本
  • 小程序上线之后如何更新版本
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/19480.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/xcx/19480.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定