美文网首页小程序
手把手教你微信小程序云开发---看完不会你打我

手把手教你微信小程序云开发---看完不会你打我

作者: 小小小小的人头 | 来源:发表于2019-12-25 19:36 被阅读0次

    贴出微信官方地址,表示尊敬

    1.创建云开发小程序

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


    创建云开发小程序

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


    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

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

    tips:额外补充一点

    自己因为写了很多接口 但是每一个接口都是重新创建一个新的云函数吗;当然不是--解决办法:switch case 即可。 就是入参定义一个type 根据type进行调用即可;
    接口地方:

    image.png
    调用地方: image.png

    这样就可以了 避免代码的冗余;希望此文帮助到有需要到的小伙伴么~
    如果有更好的办法希望留言;但是可能没人看吧~哈哈哈哈 下面是自己最近写的小程序 欢迎扫一扫 提BUG和意见。谢谢


    gh_af88ca3ac9c4_430.jpg

    相关文章

      网友评论

        本文标题:手把手教你微信小程序云开发---看完不会你打我

        本文链接:https://www.haomeiwen.com/subject/ssfhoctx.html