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

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

传统的小程序开发

传统的微信小程序开发需要开发人员购买服务器/域名,部署服务器环境,配置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后端)开发的一种形式,他打破了原有的前端+后端(服务器+独立数据库)的束缚,可以让前端人员也能通过简单的学习积累做到全栈开发的能力!!!

目录
相关文章
|
5月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
551 2
|
5月前
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
456 8
|
5月前
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
338 3
|
5月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?小程序开发制作软件推荐
小程序开发方案全解析:5种主流方式与选择指南 小程序开发需根据技术能力、预算、时间及功能需求综合决策。以下为5种主流开发方案及适用场景分析:
26062 0
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
3760 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
4031 1
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
3475 11
技术小白如何利用DeepSeek半小时开发微信小程序?

热门文章

最新文章