经验知识:微信小程序聊天演示|野狗小程序开发

2025-10-26
网站建设限时活动促销

(写于1月5日)

在小程序公开测试版于9月21日发布之后,我继续关注小程序的开发和各种细节。毕竟,是一位写过HTML5、CSS3和Java的程序员。书面的Angular,Vue和React有点弱。 小程序该发行版带来了新的刺激。毕竟,语法类似于Vue,React和MVVM架构。他们看起来很熟悉,但是到处都是不同的。所以,我去维修站学习,所以做到了。

当我这样做时,我实际上有一个大头脑,因为当我这样做时,微信规定不允许进行社交和现场直播小程序,但是我所做的是逐步发展的社交类型在红线上。

01UI部分

只要您已经掌握了HTML5,CSS3基本上是没有问题的,在没有给出详细介绍的情况下请注意一个地方。说几点:

02页逻辑部分

通过标签栏组件控件微信,地址簿,我发现了我的四个Tab页面的逻辑,因此在调试期间最多可以同时打开4个页面。在实现每个聊天页面之后,可通过wx.navigateTo控制页面的关闭和打开。确保在所有页面上最多同时打开5个页面。

03数据逻辑部分

我使用dingo,基本上不需要我自己的服务器,https证书,也不需要自己编写websoket。并实现了用户登录聊天信息功能。

我当时刚接触野狗,却一无所知。所以我去阅读了文档,基本上里面的代码块几乎可以重用。基本上没有用微信登录的代码行,并且可以获得比微信提供的更多的用户信息,这很棒。缺点是:此JS库太大了! 小程序大于200K,而野狗的JS库文件则大于180K。我希望官方流可以简化。

当然,在项目开发过程中,我们仍然要感谢集团老板柳津的帮助。在小组中的每一天,我都会提出问题并及时回答问题。谢谢。

04具体实施

让我们看看小程序中野狗的具体用法。

首先,将初始化代码放在app.js中,毕竟这是一个全局js文件。因此,将野狗的初始化代码(4行)写入app.js中的代码中。

the狗的数据访问实际上是根据节点进行的,and狗的数据存储准备进行实时通信。因此,如果要使用野狗,请尽量不要将野狗用作数据库。而是将实时数据放入野狗。在微信小程序中建议最好将数据路由放置在app.js中以访问实时数据。 -六金

因此,根据他的说法,我将涉及数据路由的节点放在app.js中。确保可以全局访问数据路由。

完成数据路由,另一种是通过dingo的数字操作和事件监视来添加,删除,修改和检查数据。让我告诉你一些事情

更新:

///原始数据如下{“ Jobs”:{“ full_name”:“ Steve Jobs”,“ gender”:“ male”}}} //仅更新Jobs的全名var hopperRef = ref.child( “职位”) ; hopperRef.update({“ full_name”:“蒂姆库克”});

此处仅使用更新,因为野狗的push方法将自动添加新密钥,这导致我未使用push方法的原因。上面是官方野狗给出的代码,下面是我写的,单击发送按钮将数据发送到野狗Sync。

send:function(){if(this.data.inputvalue!= null && this.data.inputValue.trim()!==''){this.data.messageID = this.data.messageID + 1; var data = {}; var options = this.data.options; console.log(options ['id'])data [this.data.messageID] = {img:this.data.userInfo.avatarUrl,me:true,text:this.data.inputValue} this.ref.child(' message')。child(options.id).update(data)this.setData({inputValue:“”})}}}

数据查询实际上是用于实现全局信息监视和查询的野狗的值事件。在上面的代码中,法人部分this.ref.child('message')。child(options.id).update(data)是我使用update方法更新了聊天消息窗口中显示的代码。

基本上就是这样。请自己下载详细代码。请检查源代码以获取特定代码。

源代码地址:

✦✦✦

标签:

本文地址:https://www.lifejia.cn/news/238338.html

免责声明:本站内容仅用于学习参考,信息和图片素材来源于互联网,如内容侵权与违规,请联系我们进行删除,我们将在三个工作日内处理。联系邮箱:cloudinto#qq.com(把#换成@)