关于微信小程序云开发以及云开发实例展示
本文分享给使用
微信云开发
的同学
序言
首先,
云开发
是一种趋势,因为跨平台解决方案可以提高开发效率,减少开发成本。使用云开发,开发者无需关注服务器、网络和数据库等底层技术,可以专注于业务逻辑的开发,从而减少了开发和运维方面的投入。
云开发的优势
云开发的最大优点之一是架构的高度灵活性。云开发架构可以随着业务需求的变化而快速地适配和扩容,适用于各种规模的企业。其次,云开发的环境部署十分简单快速,企业只需要在云平台上构建自己的应用即可,省去了基础设施的架构和维护环节。此外,云开发还提供了高效、安全、可靠的数据存储和管理服务,支持多种类型的数据库和数据分析和挖掘功能,帮助企业实时洞察业务趋势。这一切可以使得企业在应付日益激烈的市场竞争时,更加快速、灵活地响应变化。
一、小程序云开发的组成
小程序云开发由四部分组成
- 云数据库
- 云函数
- 云存储
- 云托管
所有云开发开始之间都要创建云环境, 本文介绍云数据库和云函数, 下面就从创建云环境开始讲解。
二、创建云环境
- 打开微信开发者工具,选择要创建云环境的小程序,点击微信开发者工具中的云开发按钮.如下图
- 打开云开发之后,会弹出创建云环境窗口,创建云环境之后进入云开发控制台,
注意:新用户使用云环境会有一个月的免费体验哦!不要浪费啦
- 创建成功, 进入到下图的界面你的云环境就创建成功了
三、云数据库
云数据库提供高性能的数据库写入和查询服务。可以在云函数中读写数据,还可以通过云开发控制台对数据进行可视化的增、删、查、改等操作。微信小程序云开发所使用的数据库本质上就是一MongoDB数据库。MongoDB数据库是介于关系数据库和非关系数据库之间的产品:是非关系数据库中功能最丰富、最像关系数据库的。
数据库:默认情况下,云开发的函数可以使用当前环境对应的数据库。可以根据需要使用不同的数据库。对应MySQL中的数据库。
集合:数据库中多个记录的集合。对应MySQL中的表。
文档:数据库中的一条记录。对应MySQL中的行。
字段:数据库中特定记录的值。对应MySQL中的列。
3.1 创建集合, 在集合名称
位置填写你要创建的集合名称并点击确定即可创建成功
创建集合对应Mysql中的就是创建表
3.2 向集合中添加记录
3.2.1 默认模式添加
默认模式可以可视化的添加记录
① 选择默认模式
② 文档ID也就是Mysql表中记录的ID, 在这个地方你可以自己手动编辑也可使由系统自动生成
③ 字段等同于Mysql中的表字段
④ 为字段对应的值的数据类型
⑤ 字段对应的值
⑥ 点击确定新增记录
3.2.2 JSON模式添加
JSON模式直接填入JSON格式的数据记录即可,
① 选择JSON模式
② JSON数据的ID对应默认模式中的ID,也可以不填写,不填写时自动生成。
③ 字段和对应的数值
④ 点击确定新增记录
3.3 编辑集合中的记录
① 在列表中选中你要修改的某条记录
② 点击编辑按钮进行编辑即可
3.4 删除集合中的记录
① 右键选中你要删除的记录
② 点击删除并点击确定即可删除
四、云函数
云函数云开发为企业和开发者们提供的无服务器执行环境,可以在无需购买和管理服务器的情况下运行代码。只需使用平台支持的语言编写核心代码并设置代码运行的条件,即可使用
本文将讲解代码端部署云函数
4.1 创建云函数
① 右键文件夹中的cloudfunctions
文件加
② 点击新建Node.js云函数
③ 在框内输入你要编写的云函数名称
④ 云函数代码编辑完成后右键选择你的云函数选择上传代码(云端安装依赖)
4.2 使用云函数
在你要调用云函数的位置输入一下代码调用已上传的云函数,并处理相应的逻辑
wx.cloud.callFunction({name: '云函数名称',success: (res) => {console.log(res)}})
五、云开发实例—小程序实战
5.1 项目介绍
本项目是一个垃圾分类项目,利用图像识别技术、语音识别技术以及小程序云开发技术实现。主要页面为以下三个页面, 主要是使用云函数的位置是搜索页面
5.2 创建项目,创建云环境, 创建并导入垃圾分类数据集
5.3 创建及调用云函数代码
本项目用到多个云函数, 这里仅列举两个
① 热门搜索列表
// 云函数入口文件
const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数
exports.main = async (event, context) => {const db = cloud.database()try {return await db.collection('trash').orderBy('click_times', 'desc').limit(20).get()} catch (e) {console.error(e)}
}
return new Promise(function (resolve, reject) {wx.cloud.callFunction({name: 'getHotItems',success: resolve,fail: reject})})
② 内容搜索列表
// 云函数入口文件
const cloud = require('wx-server-sdk')cloud.init()
exports.main = async (event, context) => {const db = cloud.database()try {return await db.collection('trash').where({name: db.RegExp({regexp: event._txt,//从搜索栏中获取的value作为规则进行匹配。options: 'i'//大小写不区分})}).get()} catch (e) {console.error(e)}
}
return new Promise(function (resolve, reject) {wx.cloud.callFunction({name: 'search',data: {_txt: that.data.inputTxt},success: resolve,fail: reject})})
5.4 项目上线—小程序体验
有兴趣的朋友可以到小程序中感受下
云开发
的魅力
关于微信小程序云开发以及云开发实例展示相关推荐
- 微信小程序图片无法存入云开发数据库,求解决
微信小程序图片无法存入云开发数据库,求解决 上传图片的js代码片段 上传图片的js代码片段 上传图片的js代码片段,觉得自己代码的没错,也能打印出来上传的图片地址,但是发现并没有存进数据库,求大神指点 ...
- 微信小程序:全新独家云开发微群人脉
今天给大家带来一款云开发版本的微群人脉小程序源码 该版本属于采集版本(群二维码自动采集) 该版本属于云开发版本(免服务器和域名) 这是一款不怕封小程序版本 PS:支持用户自主发布那一款还是有点危险因为 ...
- 微信小程序接入腾讯云IM即时通讯(获取聊天历史记录开发步骤)
微信小程序接入腾讯云IM即时通讯(获取聊天历史记录开发步骤) 1.先看文档: 获取 C2C 历史消息 :https://cloud.tencent.com/document/product/269/1 ...
- 微信小程序开通腾讯云开发环境
目录 微信小程序开通"腾讯云"开发环境 注册腾讯云账号 配置开发环境 微信小程序开通"腾讯云"开发环境 这里强调以下,标题是"腾讯云"开发环 ...
- 使用微信小程序云空间操作云数据库
使用微信小程序云空间操作云数据库 在微信开发工具中有个云空间,想必大家在开发的过程中应该都已经看见了. 一番下一步下一步操作后我们就能够使用这个云空间了,这个时候就可以根据基础的控制面板进行功能上的选 ...
- 微信小程序利用腾讯云IM发送语音 + 图片
微信小程序利用腾讯云IM发送语音 + 图片 能做到这里 说明你已经可以发送普通文本了 如果没有的话可以看一下我的上一篇文章 有完整的讲解 效果图 语音聊天 发送图片 传送 → 发送图片 发送语音 ** ...
- 微信小程序上传阿里云OSS,返回204,400,403,405,解决方案
目录 微信小程序上传阿里云 ==OSSAccessKeyId,policy,signature==如何获取呢? 配置Bucket跨域访问 配置外网域名到小程序的域名白名单 上传报错(返回400,403 ...
- 【小程序】微信小程序使用腾讯云IM(一):登录
微信小程序使用腾讯云IM 新项目已经写了很久啦 这个项目里主要的难点其实是1v1聊天.他们对比了好几家的即时通讯,最后选择了腾讯云通信.我猜,可能是因为腾讯云上说日活低于10w可以不付费吧.省钱嘛~踩 ...
- 微信小程序实现腾讯云接口 图象识别
微信小程序实现腾讯云接口 图象识别 注:操作环境:springboot+微信小程序 1.导入maven 腾讯云图象识别接口 jar包 <!-- 腾讯云文字识别接口--><depend ...
- 微信小程序录音直传阿里云OSS并语音识别
前言 如题:做一个录音文字识别功能,知识点有三个,分别是微信小程序的录音功能.录音文件直传阿里云OSS.使用阿里云的录音文件识别接口返回识别后的文字 一.微信小程序录音 官方文档:微信小程序全局唯一的 ...
最新文章
- 第十六届智能车竞赛线上全国总决赛远程组委会监督腾讯会议
- python(numpy,pandas8)——pandas大范围赋值和增加特定数据,处理丢失数据(nan)
- Android成长日记-Android监听事件的方法
- 常用个人密码管理软件 .
- Math3中StatUtils类和MathArrays的使用(数组运算)
- Nginx 学习--初级篇,Nginx 认识以及作用
- 基于STM32F429的AD9833-DDS程序
- 技术圈大佬,带你用技术赚到副业的第一桶金!
- java基础继承合集
- 在Python中将图像转换为ASCII字符图
- 触发器-- 肖敏_入门系列_数据库进阶 60、触发器(三) --youku
- 五一假期吃胖了?别怕, 一周减肥食谱等你来翻牌
- CS61A Lab 13
- [折腾向]树莓派3B+安装系统(Raspbian)以及配置环境
- 电影魔术|改变世界?乔布斯可不仅仅用苹果
- 黑客攻防技巧:2分钟入侵网站全程实录(组图)
- 小学奥数思维训练题(八)
- 模型驱动开发的幻象与现实
- 青蛙过河 C# 求解
- 读取SpringBoot(Spring)的配置信息,定义常量