小程序热更新，可以实现无审核更新

最新推荐文章于 2024-01-23 15:27:20 发布

weixin_43857853

最新推荐文章于 2024-01-23 15:27:20 发布

阅读量3.2k

点赞数 1

文章标签：小程序前端 javascript 开发语言 github

本文链接：https://blog.csdn.net/weixin_43857853/article/details/122472470

版权

小程序热更新方案

MiniProgram-HotUpdate
Demo

MiniProgram-HotUpdate

github地址 https://github.com/UncAnnyZ/MiniProgram-HotUpdate
点击跳转
小程序热更新方案，可以随时修改html,css,js代码进行热更新

这个是一个小程序热更新一个方案，绕过小程序审核，比h5的优势是可以调用微信小程序的接口，比如wx.xxxx，可以加载一次，多次使用

比web-view更方便

原理

框架实现
- src/index.js → dist/index.js → build.js → run.js → pages/index/index.js → js解析（eval） → pages/index/index
实现热更新需要你自己写wx.request
- src/index.js → dist/index.js → build.js → 把 build.js的字符串给后端数据库 → 前端读到数据库 → pages/index/index.js → js解析（eval） → pages/index/index

使用文档

方法一

打开小程序

 cd 脚手架
 npm run start

会自动生成代码，马上呈现到小程序上

方法二

打开脚手架，在src/index.js敲完代码

 npm run build

生成的代码在dist/index.js，然后打开小程序的pages/index/index.js的目录下，把对应的代码替换掉

注意(以下都在src/index.js下操作！！)

可以用that.xxx()对函数的绑定

  //比如你在html写了
  that.data = {
    demo = ''
  }
  `<view bindtap="test">${that.data.demo}</view>`
  // 你在index.js可以
  that.test = function (){
      that.data.demo = 'hello world'
      that.reSetPage()
  }

使用不了wx:for, wx:if
渲染不使用setData而是


   that.reSetPage = function () {
        that.data.html =
         `
         <view>hello world</view>
         `
        that.setData({
            html: that.parse(that.data.html)
        });
    };

    // 每一次都需要调用

     that.reSetPage()