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

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

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

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

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

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

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

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

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


1.绑定微信小程序

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

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

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

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

💡 Tip: 这个json文件关系着整体的配置,所以我们在让AI生成的时候也需要自己进行一下检查,确保我们的内容正确

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

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

💡 Tip: 因为我使用的流程是在vscode中进行基本的代码编辑,然后再通过微信开发者工具进行查看,如果直接使用微信开发者工具,这个流程将会更简单。

2.云数据库配置

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

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

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

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

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

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

2. 配置权限

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

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

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

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

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

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

3.云函数配置

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

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

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

1. 选择云环境

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

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

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

*没有绑定云环境

*绑定了云环境

2. 上传云函数

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

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

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


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

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

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

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

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐