基于腾讯云开发微信小程序(新闻发布及共享平台)上

简介: 基于腾讯云开发微信小程序(新闻发布及共享平台)上

传统的小程序开发

传统的微信小程序开发需要开发人员购买服务器/域名,部署服务器环境,配置SSL证书,配置服务器信息。业务逻辑上要使用数据库,实现数据接口。购买、搭建和配置这些内容需要花费不少人力物力成本压力大。

以下列出当前开发微信小程序遇到的瓶颈:

1. 需要程序员编写后台代码实现业务逻辑,比如编写最简单的CRUD需要不少代码;

2. 开发过程中需要对数据库进行操作;要求程序员熟悉SQL语句,增加其学习成本;

3. 需要完成会话服务和文件上传保存等工作,需要配置后台服务器,而且安全性不高;

4. 最初的微信小程序是基于API来开发的,开发效率较低;

5. 编写和调试用户登录和微信支付的代码十分复杂。

一、云开发是什么?

1.创建云环境

比如那这个写新闻共享的小程序来说吧,这是我先创建的专门为了写这个小程序的云环境,当然每个云环境都有自己的云环境id,(这里我就不展示哈~)

image.png

2.云数据库的创建

image.png

创建好我们的环境之后,随后我们需要创建一个或者多个云数据库,腾讯云的数据库不像MySQL等数据库一样,腾讯云数据库用json的格式编写,更加条例清晰。

image.png

每添加一条数据都会然你选择默认模式或者json模式,这个可以看自己的选择。

image.png

当我们写好已经创建好的数据库ch12时然后并写好文档id时(当你不写时他会自动给你生成一个随机id),我们点击下方的小加号可以看到由每条记录中的id(名字)+类型+值

image.png

ch12集合中所有的记录如下所示:

image.png

好,我们现在开始说集合的添加

image.png

当我们创建好云环境后,我们来到数据库的选项,点击右上方的小加号:

会弹出如下提示:(我们可以写我们的集合名称!)


image.png

注意:数据权限(当你想让所有的用户都用调用数据库的数据或资源时,我们必须要把数据权限修改,如下):

image.png

3.云储存

好!我们接下来说云储存

image.png

我们点击储存,来到此页面后

image.png

有一个新建文件夹

image.png

我们可以在云储存中创建我们需要存储的静态图片及其他

注意:因为小程序的开发空间有限,所有我们开发时尽量避免用本地的静态资源(图片等),当然在image.png这个里面一般配置的时我们的页面选项图标(如下):

image.png

这里的图标无法配置我们上传到云端的静态资源(图片等)所以我们妖精我们用到的图标尽可能的缩小空间(使用ps等软件)(app.json配置如下):

image.png

好!我们回到我们的云储存来!!

创建好文件夹后会出现在下面(比如我创建了个叫img的文件夹) :

image.png

然后里面我们可以用直接拖动得方式把我们的一些想在小程序上使用的本地资源(图片等)拖入进来(效果如下):

image.png

当我们鼠标放在

image.png

图片的名上时,鼠标的箭头会变成小手状态(待选中)点击后效果如下:

image.png

此时我们看见我们的图片已经自动的生成了一个云端地址:(File ID):


image.png

我们如果想使用此图片到我们的小程序时直接url(cloud://.....)就ok了

当我们想确定是不是想要的图片是点击加载即可显示本图片(如下):

image.png

注意:这样做的好处是可以将图片的储存空间减至最小甚至为零,可以空闲出更多的开发空间供我们的wxml,wxss,js代码书写!

注意:数据权限(当你想让所有的用户都用调用存储中的数据或资源时,我们必须要把数据权限修改,如下):


image.png

4.云函数

好!我们最后说一下云函数(如下所示):

image.png

云函数是用来控制我们要想在小程序中实现点击某个按钮上传什么图片或者其他东西到哪个数据库及点击某个按钮会从某个已经创建好的数据库中获取到某个图片及数据信息!

我们可以看到新建云函数按钮,点击之后(如下):

image.png

当我们起完名字点击确定时,我们的云函数就创建好了!云函数创建好之后他会出现在这个位置(如下):

image.png

刚开始创建的云函数文件夹为白色,这时你的界面右下角会提示(正在上传依赖)我们需要登上十几秒,等我们创建的云函数文件夹变为绿色(说明我们创建的云函数可以正常使用了)

注意:我们在每一次修改云函数中的代码时,每一次修改后都有必须手动上传一遍云端依赖!!!(如下):

image.png

上传并部署!!!当我们点击后,右下角会出现提示(如下):

image.png

上传云端。。。

总结

好!云开发大体就是这个流程,可以参考这个入手微信小程序云开发,等你入坑之后你会发现真的是太好玩了!

微信云开发小程序是全栈(前端and后端)开发的一种形式,他打破了原有的前端+后端(服务器+独立数据库)的束缚,可以让前端人员也能通过简单的学习积累做到全栈开发的能力!!!

目录
相关文章
预约按摩小程序开发,为什么很多上门按摩平台根本招聘不到优秀技师?
上门按摩平台面临招不到优秀技师的问题,主要原因是平台众多,技师选择多样。为解决此问题,平台可引入技师等级制度,根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐,这不仅能激励技师的积极性,还能帮助平台筛选出优质技师,提升服务质量和口碑,形成良性循环。
|
1月前
|
小程序 JavaScript 开发工具
|
2月前
|
小程序 JavaScript 开发工具
微信小程序——全局数据共享
微信小程序——全局数据共享
|
3月前
|
小程序 开发者
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
这篇文章介绍了微信小程序的初始化过程,包括如何注册微信小程序账号、下载微信小程序开发者平台,并指导了新建小程序的详细步骤。
第一个微信小程序的初始化过程、小程序微信开发平台的下载、如何注册一个微信小程序的账号
|
3月前
|
存储 监控 开发工具
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
63 0
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的童装购买平台微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的童装购买平台微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
30天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
453 7
|
30天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
506 1
|
1月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
110 7
ly~
|
2月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
78 6

热门文章

最新文章