微信小程序云开发基础扫盲篇(一)

创建云开发小程序

创建一个带有云开发的小程序基本没有问题;

创建云开发小程序

点击确定就算是创建成功了  我们会得到这样的文件夹格式:

image.png

上面的cloudfunction|xxx就是存放所谓云函数的地方。云函数你可以理解为接口就好了。下面的miniprogram就是我们常规微信小程序页面的文件夹啦;

这2个名字如果你不想他们叫这个你可以去修改  叫 zhangsan    、lisi 都可以的。去修改一个叫做project.config.json文件下面的这个:

image.png

这2个就可以了。

1.创建数据库

既然用了云开发 想必一定是需要存储数据等等。我们点击小程序头部的

image.png

云开发按钮,会得到这样的界面

image.png

这个自己去点点就知道是啥了。创建自己的数据库- 字段啥的 自己定义去 我这边就不操作了。

2.创建云函数(接口)

我们可以直接在cloudfunctions右击新建一个云函数就叫做test;

image.png

你定义的云函数名字叫做test的话 你后面调用的接口名字 就是叫test了。

3.写一个添加的逻辑

下面我们进行代码的修改--写一个添加的逻辑;

image.png

上面需要写一个你需要连接的环境地址;环境ID 可以在云开发设置里面找到;

一般会准备2套 一个测试环境 一个线上环境 自己注意切换即可。

db.collection这个就是官方的连接写法了。 后面的test就是你操作的数据库。

.add这个就是添加操作了。还有get、del反正是封装好了的。自己去看文档;

4.小程序页面调用接口

上面接口写完了 。我们需要调用;调用的话  微信也提供好了方法。直接看吧;

image.png

wx.cloud.callFunction({})这个就是调用接口的方式 ---后面的name就是接口名称;自己随便用个按钮出发一下就可以了;这时候去看一下数据库里面的数据已经存进去了;

image.png

这样一个从小程序页面----->调用云函数(接口)---->操作数据库 一个流程就完成了;这边只记录了添加的操作;其他的比如查询、更新、删除思路是一样的;

1、答题小程序 2、通告类小程序3、抽奖小程序、4打牌记账小程序、5、物联网小程序 6、小程序云开发、7、商城小程序 8、地图小程序

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容