PS：实战章节已开启~我将带你一步步体验小程序开发+线上的全过程。 请点击文章内容。

微信小程序云开发从0到1实用教程目录：

（一）账户注册

(2)工具下载配置

（三）项目建设及配置

（四）项目运行与调试

（5）头像页面开发（1）云端微信小程序实用教程（1）

最近刚刚开发了一个小程序。 在开发过程中，我发现基于云开发的教程资源并不多，而且也不是很详细。 于是在实践的同时，我总结了一个关于云开发的简单教程。 希望对您有所帮助。

本章主要内容：什么是小程序、云开发的作用、如何构建自己的小程序

如果您对文章格式要求较高，请点击这里

1.什么是小程序？

微信小程序是什么我就不详细说了，大家应该都知道。 如果你不知道的话，你可以看下图来了解什么是小程序。

因为有了微信小程序，我们不用下载app就可以访问同程、携程、腾讯会议、轻骑单车、拼多多等。 这些都是企业小程序。

我们还可以根据自己的创意和想法制作个人小程序。

2、小程序云端开发

2.1. 开发前你需要了解的事情

小程序其实就相当于我们平时访问的网站或者app，唯一的区别就是必须在微信中打开。 所以其实小程序的开发原理和其他网站是一样的。 它不仅需要前端页面来展示样式，还需要服务器来存储用户信息、产品信息等数据。

小程序必须基于微信打开的特性也给我们开发小程序带来了很多便利，因为我们可以直接使用微信提供的一些方法，轻松实现上传图片、微信支付、打开小程序等功能。相机。 。

2.2. 云开发的作用

刚才提到，一个完整的网站肯定需要交互。 最基本的是用户登录和注册。 我们肯定需要将用户的信息保存在某个地方，以便我们可以获得用户的输入以及您保存的内容。 匹配信息，查看用户名和密码是否正确，然后通知用户登录成功还是失败。

存储用户信息的地方就是服务器。 正常的网站建设需要我们自己购买服务器并搭建环境。 对于后端开发人员来说，这些环境配置、数据库开发等可能很简单，但是在没有经验之后，精通语言的人很难完成一个完整的网站。

如果你想搭建个人网站，并且对使用服务器感兴趣，可以参考知乎上的这篇文章：如何从0免费配置搭建个人网站服务器？

微信小程序云开发免费为我们的小程序提供了云服务器环境，可以直接使用。 对于前端开发者以及没有接触过开发行业的人来说，上手并完成自己的小程序是非常容易的。 。

3. 如何创建自己的小程序

3.1. 注册小程序

我们需要去“微信公众平台”注册一个小程序账号。 一个账号对应一个小程序。 注册完成后，我们就可以登录微信公众平台，进入我们自己的小程序配置后台。 在这里我们可以修改自己的小程序的名称、头像、个人资料等信息。 我们还可以看到我们小程序的数量和数量。 关键，这两个值后面创建小程序项目的时候会用到。

通过这两个值，微信就可以区分哪个小程序是你的小程序。 因为我们开发完成之后，要把代码提交给微信，然后他们审核，发现没有违规的地方。 审核通过后，你制作的小程序就可以上线了。 上线后，所有人都可以访问您的小程序。

我们选择注册小程序，见下图

接下来填写相关信息

完成邮件激活后，主题类型选择“个人”，并完成主题信息注册。

填写信息后点击提交，会弹出提示框提示注册成功。 点击跳转至小程序。

这是小程序的后台。 今后您可以通过“微信公众平台”以及刚刚绑定的微信或邮箱登录。

在此管理后台中，您可以完成和修改您的小程序的头像、简介和名称。 完善信息后，我们就可以进行开发了。

这是个人发展的一个例子。 默认情况下只有管理员，即你可以单独开发。 如果需要和其他人一起开发，需要点击上图中的“添加开发者”，进入其他开发者的微信账号。

点击上图中的“通用小程序开发者工具”，下载“微信开发者工具”。 稍后我们需要使用这个编辑器来开发和预览小程序。

根据您的电脑配置，选择正确的安装包下载并安装。

3.2. 使用开发者工具创建小程序项目

运行微信开发者工具后，会出现如下界面。 使用刚刚注册小程序的微信扫描二维码完成登录。

选择创建一个新的小程序。 您可以自行修改项目名称和存储目录，也可以使用其默认的项目名称和存储位置。 需要注意的是，后端服务选择“小程序·云开发”

修改完项目名称和存储位置后，我们还需要填写我们刚刚注册的小程序编号，这样这样创建的项目就可以和我们的小程序关联起来了。

您可以进入微信开放平台，登录我们刚刚注册的小程序后台，导航到左侧导航底部的“设置”页面，滑动到页面底部，查看账户信息，找到我们的小程序编号，如下图。

输入信息后，点击新建，就会自动构建一个基于云开发的小程序项目官方示例。

点击新建后，微信开发者工具编辑器会显示如上界面。 左边是我们小程序页面的预览窗口。 在第二栏，资源管理器可以看到我们的项目代码文件夹。 最右边是我们编辑代码和查看输出日志的区域。

我们可以看到新建的项目有错误。 错误信息为“无权限，请先激活云服务”。 可以猜测，我们还是需要激活云服务。 这很简单。 点击左上角“云开发”，会出现如下窗口。

选择“预付费”，为您的云服务环境命名，然后单击“激活”，完成云环境的创建。

这时，返回到我们刚刚创建的编辑器页面，点击编译，你会看到刚才的错误信息消失了，这说明我们的云环境已经可以使用了。

下一篇文章将详细讲解编辑器的使用方法，以及小程序云开发的目录结构等知识。

PS：实战章节已开启~我将带你一步步体验小程序开发+线上的全过程。 请点击文章内容。

微信小程序云开发从0到1实用教程目录：

(1) 账户注册

(2)工具下载配置

（三）项目建设及配置

（四）项目运行与调试

（5）头像页面开发（1）