传统小程序开发
传统的微信小程序开发需要开发者购买服务器/域名、部署服务器环境、配置SSL证书、配置服务器信息。 对于业务逻辑来说,必须使用数据库来实现数据接口。 采购、搭建和配置这些内容需要大量的人力、物力,成本较高。
以下列出了目前微信小程序开发遇到的瓶颈:
1、要求程序员编写后台代码来实现业务逻辑。 例如,编写最简单的CRUD需要大量代码;
2、开发过程中需要对数据库进行操作; 要求程序员熟悉SQL语句,增加了学习成本;
3、需要完成会话服务、文件上传保存等,需要配置后端服务器,安全性不高;
4、最初的微信小程序是基于API开发的,开发效率低;
5、用户登录和微信支付的代码编写和调试非常复杂。
1.什么是云开发? 1.创建云环境
我们以这个写新闻分享的小程序为例。 这是我专门为了编写这个小程序而创建的一个云环境。 当然,每个云环境都有自己的云环境ID(这里就不展示了~)
2.云数据库的创建
创建环境后,我们需要创建一个或多个云数据库。 腾讯云的数据库和其他数据库不一样。 腾讯云数据库采用json格式编写,使得规定更加清晰。
每次添加一条数据都会选择默认模式或者json模式。 这取决于您的选择。
当我们写入创建的数据库ch12,然后写入文档ID(不写的时候它会自动给你生成一个随机ID),我们点击下面的小加号就可以看到每条记录的内容了。 id(名称)+类型+值
ch12集合中的所有记录如下:
好的,我们现在开始添加集合
我们创建好云环境后,来到数据库选项,点击右上角的小加号:
会弹出如下提示:(我们可以写我们的集合名称!)
注意:数据权限(当你想让所有用户都使用数据库的数据或资源时,我们必须修改数据权限,如下):
3.云存储
好!接下来我们来说说云存储
我们点击保存,来到这个页面
有一个新文件夹
我们可以创建静态图片和其他我们需要存储在云存储中的东西
注意:由于小程序的开发空间有限,我们在开发时尽量避免使用本地静态资源(图片等)。 当然,
这里的一般配置就是我们的页面选项图标(如下图):
这里的图标不能配置我们上传到云端的静态资源(图片等),所以我们使用图标来尽可能的减少空间(使用ps等软件)(app.json配置如下):
好的! 让我们回到我们的云存储! !
文件夹创建完成后会出现如下(比如我创建了一个名为img的文件夹):
然后我们就可以使用直接拖拽的方式将我们想要使用的一些本地资源(图片等)拖入小程序上(效果如下):
当我们把鼠标放到
当图片名称打开时,鼠标箭头会变成小手状态(待选中)。 点击后效果如下:
此时我们看到我们的图片已经自动生成了一个云地址:(文件ID):
如果我们想在我们的小程序中使用这张图片,直接使用URL(://.....)就可以了
当我们要确认是否是我们想要的图片时,点击load即可显示这张图片(如下图):
注意:这样做的好处是可以将图片的存储空间降到最低甚至为零,可以为我们的wxml、wxss、js代码编写腾出更多的开发空间! 注意:数据权限(当希望所有用户都使用存储中的数据或资源时,我们必须修改数据权限,如下):
4.云功能
好的! 最后说一下云功能(如下图):
云函数用于通过点击小程序中的按钮来控制我们要上传哪些图片或其他东西到哪个数据库。 单击按钮将从已创建的数据库中获取特定的图片和数据信息。 !
点击后我们可以看到新建云函数按钮(如下图):
当我们完成命名并点击确定后,我们的云函数就创建好了! 云函数创建完成后会出现在这个位置(如下图):
我们刚刚创建的云函数文件夹是白色的。 这时候你的界面右下角会有提示(依赖正在上传)。 我们需要登录十几秒,等到我们创建的云函数文件夹变成绿色(说明我们创建的云函数文件夹的功能可以正常使用)
注意:我们每次修改云函数中的代码,每次修改后都必须手动上传云端依赖! ! ! (如下):
上传并部署! ! ! 当我们点击的时候,右下角会出现提示(如下图):
上传至云端。 。 。 总结得好! 云开发大致就是这个过程。 您可以参考此开始微信小程序的云端开发。 当你进入陷阱后,你会发现真的很好玩!
微信云开发小程序是全栈(前端、后端)开发的一种形式。 它打破了原有前端+后端(服务器+独立数据库)的束缚,让前端人员通过简单的学习来积累知识。 能够实现全栈开发! ! !