小程序云开发

整理一个文档，快速上手，开发文档地址，发布版本地址，开发工具下载地址，目录结构，环境搭建过程和注意事项（用到的技术node.js等）

 

开发文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/

发布版本地址：https://mp.weixin.qq.com/wxamp/index/index?lang=zh_CN&token=1266608030

开发工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

Vant组件库：https://vant-contrib.gitee.io/vant/#/zh-CN/

目录结构：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

开发过程注意事项：

 

布局：

app开发布局方式，都是以左上角为原点来进行布局；css布局方式，都是以界面中心为原点来布局，向外扩散布局。

 

测试：

开发小程序前端部分，多使用console.log(JSON.stringify(obj))进行打印测试

云函数开发部分，多使用云函数本地测试，本地测试不支持异步所以await关键字要先去掉才能测试，控制端打印可以直接打印对象，不用像👆的打印方式

云函数本地测试，可以不使用上传和部署，另外上传和部署受网络影响可能发生延迟，这个对测试很不友好

 

其他：

初始化集合，用户登录下，默认会自动配_id和_openid字段；无用户登录，默认_id字段 

云函数需要数据返回给前端，一定要用return语法，并且关闭.then(res=>{console.log(res)})

data-valuE的传值方式，在取的时候var value = event.currentTarget.dataset.value,也就是说valuE会都变成小写value

.skip(count)方法，count的值>0,否则会出现bug

云函数返回的值res.data,小程序返回的值res.result.data

openid是当前小程序的唯一id，unionid是整个微信小程序的唯一id