(写于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方法更新了聊天消息窗口中显示的代码。
基本上就是这样。请自己下载详细代码。请检查源代码以获取特定代码。
源代码地址:
✦✦✦

