首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >基于腾讯云开发微信小程序(新闻发布及共享平台)上

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

作者头像
lqj_本人
发布2022-11-20 11:20:23
2.7K0
发布2022-11-20 11:20:23
举报
文章被收录于专栏:云开发小程序1云开发小程序1

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

文章目录


传统的小程序开发

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

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

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

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

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

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

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


提示:以下是本篇文章正文内容,下面案例可供参考

一、云开发是什么?

微信小程序云开发是腾讯云和微信团队联合开发的,集成于微信小程序控制台的原生Serverless 云服务,解决了Serverless架构对端的“最后一公里”问题,通过集成端SDK,配合云开发后台的API网关,为开发者提供了一站式后端云服务。云开发支持多种客户端,帮助开发者统一构建和管理资源,免去了开发中服务器搭建、极大简化了URL配置、鉴权管理等流程,让微信小程序开发者专注于业务逻辑的实现,而无须理解后端逻辑及服务器运维知识,门槛更低,效率更高。只需要一名开发人员就可以完成所有的工作。

二、使用步骤

1.创建云环境

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

2.云数据库的创建

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

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

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

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

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

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

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

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

3.云储存

好!我们接下来说云储存

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

有一个新建文件夹

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

注意:因为小程序的开发空间有限,所有我们开发时尽量避免用本地的静态资源(图片等),当然在

这个里面一般配置的时我们的页面选项图标(如下):

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

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

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

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

 当我们鼠标放在

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

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

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

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

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

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

4.云函数

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

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

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

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

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

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

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

上传云端。。。


总结

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

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022-09-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文章目录
  • 传统的小程序开发
  • 一、云开发是什么?
  • 二、使用步骤
    • 1.创建云环境
      • 2.云数据库的创建
        • 好,我们现在开始说集合的添加
          • 注意:数据权限(当你想让所有的用户都用调用数据库的数据或资源时,我们必须要把数据权限修改,如下):
            • 3.云储存
              • 注意:因为小程序的开发空间有限,所有我们开发时尽量避免用本地的静态资源(图片等),当然在
                • 这里的图标无法配置我们上传到云端的静态资源(图片等)所以我们妖精我们用到的图标尽可能的缩小空间(使用ps等软件)(app.json配置如下):
                  •  好!我们回到我们的云储存来!!
                    • 注意:这样做的好处是可以将图片的储存空间减至最小甚至为零,可以空闲出更多的开发空间供我们的wxml,wxss,js代码书写!
                      •  注意:数据权限(当你想让所有的用户都用调用存储中的数据或资源时,我们必须要把数据权限修改,如下):
                        • 4.云函数
                          • 云函数是用来控制我们要想在小程序中实现点击某个按钮上传什么图片或者其他东西到哪个数据库及点击某个按钮会从某个已经创建好的数据库中获取到某个图片及数据信息!
                            • 注意:我们在每一次修改云函数中的代码时,每一次修改后都有必须手动上传一遍云端依赖!!!(如下):
                              • 上传并部署!!!当我们点击后,右下角会出现提示(如下):
                              • 上传云端。。。
                              • 总结
                                • 好!云开发大体就是这个流程,可以参考这个入手微信小程序云开发,等你入坑之后你会发现真的是太好玩了!
                                相关产品与服务
                                云函数
                                云函数(Serverless Cloud Function,SCF)是腾讯云为企业和开发者们提供的无服务器执行环境,帮助您在无需购买和管理服务器的情况下运行代码。您只需使用平台支持的语言编写核心代码并设置代码运行的条件,即可在腾讯云基础设施上弹性、安全地运行代码。云函数是实时文件处理和数据处理等场景下理想的计算平台。
                                领券
                                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档