具体效果:
一、环境搭建
总来的来说,初始化搭建一般有两部:
1.环境的初始化
2.基本页面的搭建
一、环境的初始化
1.1首先新建有关云函数的文件夹
编辑
1.2在project中配置云环境目录,配置完成后点保存,此时云函数文件夹变为黄色
"cloudfunctionRoot": "cloudFunctions/",
编辑
1.3配置云环境初始化参数代码
// 云开发环境环境的初始化
wx.cloud.init({
env:"pay-try-0gmo3urf4597ee3d"
})
编辑
二、基础页面
直接在app.js中输入页面,保存之后直接在page文件夹中生成
编辑
注意事项
1.注意配置云函数的时候,格式很容易写错
2.别忘记在app.js中写入初始化代码,其中的一串复杂变量是我们自己的环境id
思路导图:
三、数据库表
一共有两个表,一个存放用户好友数据,一个存放聊天数据。
chat_users1用户表 、chat_record1聊天记录表。
步骤1
在云开发中新建数据库表
步骤2
修改数据库表的权限
修改读、写的值都为true
四、搭建tabar
步骤1.找好我们的图标
步骤2.写tabar路径
步骤1.找好我们的图标
可以在阿里图标的官网找。
步骤2.写tabar
注意图片路径和对应的页面路径是否一致
"tabBar": {
"color": "black",
"selectedColor": "#2c3e50",
"list": [
{
"pagePath": "pages/message/message",
"text": "消息",
"iconPath": "icon/消息(2).png",
"selectedIconPath": "icon/消息(1).png"
},
{
"pagePath": "pages/friends/friends",
"text": "好友",
"iconPath": "icon/好友.png",
"selectedIconPath": "icon/好友(1).png"
},
{
"pagePath": "pages/my/my",
"text": "主页",
"iconPath": "icon/我的(5).png",
"selectedIconPath": "icon/我的(6).png"
}
]
}
注意:在app.js 中写的。注意tabar放的位置。
搭建完成的效果: