小程序云开发实时监控

港控/mmm° 2023-10-02 11:36 4阅读 0赞

**可以用来做全双工项目**

collection.watch

数据库有刷新就会通过onload弹窗出来

图例：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6LWw5Zyo5Ya36aOO5LitOw_size_20_color_FFFFFF_t_70_g_se_x_16]

上代码！！

wxml:

<view>
    <view style="height: 30rpx;"></view>
    <button bindtap="addtj" type="primary">模拟数据添加数据</button>
    </view>

js:

const db = wx.cloud.database();
    Page({
    
      data: {
    
      },
      addtj:function(){
       
        /**
         * 向集合counters中添加数据
         */
        db.collection('ceshi').add({
            data:{
                name:'luwenjie',
               
            }
        })
        .then(res=>{
            console.log(res)
        })
    
    
      },
        // 生命周期函数--监听页面加载
        onLoad: function (options) {
          const db = wx.cloud.database()
          db.collection('ceshi').orderBy('ceshi','desc').where({
            // name: '测试' //这里通过名字找到Messages数据集合中叫“老王”的那一条数据，也即为要监控的数据
          }).watch({
            onChange: function (snapshot) {
              //监控数据发生变化时触发
              wx.showToast({
                title: snapshot.docChanges[0].doc.name,
              })
              console.log('docs\'s changed events', snapshot.docChanges)
              // console.log('query result snapshot after the event', snapshot.docs)
              // console.log('is init data', snapshot.type === 'init')
            },
            onError:(err) => {
              console.error(err)
            }
          })
        },
    
    
    })

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6LWw5Zyo5Ya36aOO5LitOw_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/ac70be54960f4b98afa2cc5ad3fca788.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6LWw5Zyo5Ya36aOO5LitOw==,size_20,color_FFFFFF,t_70,g_se,x_16