• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序云开发 1

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

今天看到微信推送了一条小程序云上线通知,作为一个前端er,满怀期待的去看了看,很不错先看看文档上怎么说的:

开发者可以使用云开发开发微信小程序、小游戏,无需搭建服务器,即可使用云端能力,6的一匹。

云开发为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,使用平台提供的 API 进行核心业务开发,即可实现快速上线和迭代,同时这一能力,同开发者已经使用的云服务相互兼容,并不互斥。(就是说以后老板让你做小程序,连个后台的人都不用给你配了,自己搞定就行了)。

目前提供三大基础能力支持:

云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码

数据库:一个既可在小程序前端操作,也能在云函数中读写的 JSON 数据库

存储:在小程序前端直接上传/下载云端文件,在云开发控制台可视化管理

说白了就是,云函数就是后端代码,现在叫云函数,自己写,自己上传,数据库没什么好说的,就是数据库,不过这个数据库是json数据库,很方便,怎么个方便法呢,看下图:

传统数据库以mysql为例子:

 

看到int..这么多类型是不是很烦躁,取的时候再合并多个表也很麻烦

小程序云json数据库:

看到这些类型是不是很亲切,大大降低了新手对数据库理解,不用学黑窗口,sql命令,还可以导入josn数据,很是方便。

现在走一遍流程:


----新建一个空的文件夹,填入你的appId(必须),官方说 :勾选创建 “云开发 QuickStart 项目”,实际上是"建立云开发快速启动模板",有点坑哦,同学要注意,点击确定 ==>

2.看到这么多是不是有点方  - -!,看到多了一个东西,点击创建自己的环境,,具体就是写个名字,创个一个环境,官方上说是最好创建俩个环境,一个是开发环境,一个是线上环境。

 

不做赘述,都是免费的,,看这配置给的也挺良心,一般人真的不用升级配置 ==>

3.选择环境,环境创建好了,不过还没有使用上


对第一个文件夹点右键,选择你要使用的环境,下面则是你的云函数,就是跑在服务器上的。

对login文件夹点右键,选择上传并部署,ps:不上传部署怎么使用呀,所以没毛病。==>

4.先别急上传个login是怎么使用的,我们先去看点击获取openid是事件,发现,这里只有个name对应上上传的云函数事件名,而云函数直接就返回了openid,看看云函数是怎么实现的

 

 

wx.cloud.callFunction({
    name: 'login',
    data: {},
    success: res => {
        console.log('[云函数] [login] user openid: ', res.result.openid)
        app.globalData.openid = res.result.openid
        wx.navigateTo({
            url: '../userConsole/userConsole',
        })
    },
    fail: err => {
        console.error('[云函数] [login] 调用失败', err)
        wx.navigateTo({
            url: '../deployFunctions/deployFunctions',
        })
    }
})

 

// 云函数模板
// 部署:在 cloud-functions/login 文件夹右击选择 “上传并部署”

/**
 * 这个示例将经自动鉴权过的小程序用户 openid 返回给小程序端
 *
 * event 参数包含
 * - 小程序端调用传入的 data
 * - 经过微信鉴权直接可信的用户唯一标识 openid
 *
 */
exports.main = (event, context) => {
    console.log(event)
    console.log(context)

    // 可执行其他自定义逻辑
    // console.log 的内容可以在云开发云函数调用日志查看

    return {
        openid: event.userInfo.openId,
    }
}


云函数里,直接就能拿到用户的openid和appid并返回,所以在前端上拿到了openid,真的是很方便。==>



5.关于数据库,数据库那边每一个表都有权限设置,好好看一下。

创建很简单,读取也很简单,很像slq语句。

先创建一个db对象,然后直接走collection('表名字').where({条件}).get().then(res=>{}) ,我这里使用的是Promise风格,当然也可以使用回调的方式,就可以把表里的数据都取出来在页面上展示了。
const db = wx.cloud.database();
db.collection('todos').where({
    _id: 'W5c0IDWesyZkco4t'
}).get().then(res => {
    this.setData({
        dataList: res.data
    })
})
更多api还是得看接口https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-server-api/database

感觉还可以继续完善,使用起来感觉很好,把一切变的简单。


--------------------- 
作者:剪下一缕愁丝 
来源:CSDN 
原文:https://blog.csdn.net/qq_37942845/article/details/82624886 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序云开发发布时间:2022-07-18
下一篇:
微信小程序的注册、开发制作、发布流程详解发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap