从AI代码到微信小程序保姆级指南!

近死了吗APP火的不行，AI编程直接实现了技术平权，让大家都拥有了轻松实现自己Idea的机会。

最近我突然灵光一现，想要做一个集合朗读英文文本+加入生词本的小程序，GLM很快就为我搞定了小程序的原型。

但是有个问题接踵而至：当我想将AI完成的代码，变成一个真正可以给线上用户使用的小程序程序时候，突然发现：微信小程序的开发并不是直接上传代码就可以搞定的工作！

在小程序开发的过程中，不仅仅有客户手机上运行的代码，同时还有一部分需要上传到服务器，进行配置调用的云函数和云数据库！

这些内容并不是终端中的cli可以为我解决的，只能依赖我自己的手动配置！

好消息是，微信的云开发（CloudBase），确实能从一定程度上来为我节省成本、减少ICP备案的工作。

好吧，为了这些优越性，尝试微信云开发还是非常有必要的。

经过一个下午的鏖战，终于还是成功的让我的小程序借用云函数、云数据库跑起来了！

在这个过程中的坎坷，我也进行了大致的总结，大家可以根据我的步骤来尝试复刻~

1.绑定微信小程序

相较于直接通过微信开发者工具新建项目，可以直接配置AppID（这是用来绑定微信开放平台的重要内容）。

在AI编程的环节，我首先写好了整体的代码，当然这并不意味着我就没法使用微信开发者工具了，只不过需要手动完成这个绑定的步骤。

我们在微信公众平台拿到我们的APPID之后，其实核心需要进行配置的有且仅有project.config.json

在这个json文件中，我们将我们的APPID填写进入，即可实现内容的绑定。

这里如果没有"appid"字段，那么我们参照这个写法进行添加就好。

这里有个非常便捷的检查方案：我们在详情-基本信息中，如果能够成功看到我们在微信公众平台设定的小程序logo和名称即可认为是绑定成功了！

2.云数据库配置

现在我们已经解决了基本的项目初始化问题，现在我们需要进行数据库的初始化。

99.9%的情况下，一个微信小程序都是需要数据库的，哪怕仅仅作为商家的图片展示，有数据库也更好的对我们的内容进行管理。

当然数据库这个名称听起来非常的唬人，但是实际上我们的配置工作只有两步：

1. 创建AI告诉我们需要的数据库名称

这里我的应用中主要需要存储两方面内容：① 用户上传之后的文档内容② 用户的单词本

这里AI告诉我们，他创建的两个数据库名称分别为documents和 vocabulary 这里我们按照下面的路径分别创建我们的数据库名称

2. 配置权限

在我们创建数据库的过程中，发现这里有个需要我们进行选择的下拉表单

这里我们按照AI告诉我们的内容进行配置即可。

我的项目中的文件、单词本都是用户自己使用的内容，所以我们这里设定仅创建者可读写

当然，这里的每个选项下面包含了一定的文字说明，我们也可以参照这个内容进行配置。

现在我们创建好的数据库中没有任何内容，当然也不用担心。

伴随着之后我们的使用测试，在我们点击刷新后就会自动地创建对应的内容。

3.云函数配置

在完成云数据库的配置之后，我们需要进行的是云函数的上传。

我们的代码并非所有的都放在用户侧，一些重要的、需要进行身份验证的功能或工具，我们通常放到云函数中。（最经典的就是登录功能）

**这个步骤，我们必须要在微信开发者工具中进行完成。**

1. 选择云环境

通常来讲，勾选微信云开发后将会自动的注册好对应的云环境。

在微信小程序的开发中，我们所有的云函数首先在本地统一的放到一个文件夹中，每一个工具单独作为一个文件夹放置。在我们进行完本地的云函数编辑后，我们将会统一的将云函数上传，这时候就可以直接在云端中进行调用了！

所以，作为我们的一个环节，就是选择绑定云环境。我们需要手动的进行绑定我们云函数的文件夹。

*没有绑定云环境

*绑定了云环境

2. 上传云函数

沿用一下上图，正常初始状态下，这里cloudfunctions文件夹下所有的文件夹应该都是灰色的，这里的每一个文件夹，都代表着一个云函数，我们要将这些云函数部署到服务器中。

这里我们依次右键文件夹上传并部署：云安装依赖等一会之后，我们就可以进入到云开发-云函数的面板中进行检查——这些内容是否正常的上传。

这里第四列"函数状态"显示绿色的钩代表我们的函数已经部署成功

完成了上面的操作，我们的内容就全部改在完成！

接下来就可以点击编译，通过模拟机或者真机进行检查调试

大家还有其他Vibe Coding中的问题欢迎一起讨论~

我是_壹五_与你一起共赴AI新时代！