云开发小程序（一 模板小程序搭建和运行）

1、技术选型(核心就是云开发)

注意注意：

这里在微信小程序里面建立的属于微信小程序的原生写法，在HbuildX里面搭建的才是uniapp才是uniapp官方的，这里我就踩坑了！

下面开通的是微信原生云的小程序，注意注意！！！！

这里我花了19.9开了一个错误的小程序开发.....

官方网站:

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/extensions/cms/introduction.html

云程序最近算是比较火一些，那么最近创建和开发一个云程序应该怎么开发呢？接下来我就带你一步一步开发一个小程序。

首先我们针对技术进行一些选择，后期不够再补充，确认我们云程序主要涉及到的程序部分

🌂 小程序前端

主要就是采用uniapp+vue3这一套的方法，方便快速加载，然后拿HbuildX新建项目

🌂 小程序后端

• 数据库

云数据库(云存储)

云数据库是云开发自带的数据库(json类型的弱关系型的基于MongoDB的数据库)

• 后台（云开发）

基于小程序官方自研的云开发和云函数实现后台数据的管理（CMS部分）---也就是我们拿CMS网页端来管理后台

优点

主打方便快捷

1. 无需搭建后端服务：

   • 云开发提供了完整的后端服务支持（数据库、存储、云函数），开发者无需搭建和维护自己的服务器。

2. 一站式开发环境：

   • 在微信开发者工具中可以直接操作云开发的各项功能（数据库管理、云函数编辑）

3. 弹性扩展和高可用性：

   • 基于微信的分布式架构（弹性扩展、高可用性、高并发），不过你千万别拿来开发复杂应用就对了。

4. 安全保障：

   • 安全的数据访问，保护用户数据的安全性(开发什么部分都得权限和规则)。

5. 开发效率提升：

   • 云开发可以快速构建和部署小程序。

6. 成本控制：

   • 按量付费，避免传统后端服务的固定成本(除了免费额度，啥都收钱)。

功能组件：

• 云数据库：基于 MongoDB 的数据库存储解决方案，支持实时同步、自动索引等特性。
• 云存储：提供了持久化文件存储服务，支持图片、音频、视频等文件类型的存储和管理。
• 云函数：类似于服务器端的函数计算，可以在云端执行业务逻辑，与数据库和存储服务集成。
• 云调用：支持 HTTP API 调用和 WebSocket 等网络协议，小程序能够与云端服务进行通信。

2、项目搭建和创建

项目管理

这里我们直接使用Gitee去管理我们的云小程序，这一步Gitee如何搭建和创建小程序我们就直接跳过了，想看的可以去看看我文章之中关于GItee的使用 。

项目创建

接下来我们就从0开始搭建一个云的小程序，这里面涉及到CMS后台的管理，当然为了云，含泪给花了十块钱开发了一个后台

打开开发者工具，然后直接新建一个什么都没有的小程序，APPID自己记得申请一个哦！

先点击不使用云函数，然后我们去项目云函数里面去开通

项目新建以后直接在开发者工具之中打开了，我们点击这个去配置对应的云函数

好家伙，云函数已经成为了19.9一个月了，这个时候就，，只能含泪开通了，希望最后自己在这块能挣回来这19.9吧。目前打赏自己的也就2.9，心疼啊！

新用户一般都有一个月免费试用

项目创建成功以后，我们再次点击这个云函数

这个时候我们已经可以看到我们的后台各种环境和应用了

这个时候，微信给我发了一个通知，说我已经开通了云函数小程序，然后我可以去后台进行对应的体验，打开小程序以后，给了一个pc链接，是CMS的，然后直接打开我们就看到了下面这个页面！

不得不说，是非常非常方便啊！

接下来我们就进入开通我们的CMS内容管理系统试试

开通路径如下：

在最右上角设置=> 拓展功能 => 内容管理cms部分点击

点击之后会给我们进行环境初始化，需要耐心等待一会

然后成功以后我们就可以看到后台

点击打开管理端就可以进入这个界面，说实话，这里感觉他步骤涉设计的过于麻烦了一些

然后我们开始创建一个项目然后尝试一下

完成以后这里已经显示我们创建成功项目了！

接下来点击右侧

点击创建下一步我这里

然后我们开始创建一个项目然后尝试一下

这里推荐我们去安装云模板CMS，然后我们找一下,然后我发现是因为改版的原因，所以我这就是最新的CMS管理后台（奶奶个腿！！）

然后我们可以继续创建模板和相关的数据尝试一下。

3、以模板为主搭建

这里我们选择一个模板然后直接搭建，直接选择一个

这里会给我们一些提示什么的

因为上面砸门其实已经搭建了一个环境，这里我们就选择这个环境进行尝试

然后接下来就是等待完成

然后我们发现竟然还需要其他的乱七八糟，新建代码以后，会是一个原生小程序，不符合我们预期，所以我们接下来拿HbuildX搭建一个uniapp系列的uniapp-uniclound开发，之后再引入我们的云函