微信小程序开发指南:从新建到云开发开通及云函数创建的完整教程

2024-12-24
来源:网络整理

1.新建小程序并启用云端开发

打开微信开发者工具新建一个小程序,选择小程序·云开发,在微信公众平台注册一个小程序,找到账号信息就可以看到。填写完毕后,进入编辑期,然后在微信开发工具中看到文件目录资源。 ,这是云函数的文件夹。右键选择小程序环境等操作。

2.开放云开发并激活内容管理

登录系统给的cms URL,创建一个项目,然后你会看到菜单。

创建新的内容模型后,在内容集合中创建一些新数据,然后返回云开发控制台的数据库菜单可以看到新创建的表。

ps:以wx-ext-cms开头的表是在启用内容管理时自动创建的,所以不用担心。

3.新建云函数

开发一个微信小程序如何写_开发微信小程序教程_微信小程序编程开发

我们右键单击该文件夹,选择“新建云函数”,为其命名,右键单击它并选择“在外部终端窗口中打开”,然后对其进行 npm 以便可以在本地进行调试。

接下来,打开新建的云函数文件夹中的.js,如图所示。在不改变默认代码的情况下,添加一行db = .()获取云功能需要的数据库,然后在main方法中写入刚才所说的内容管理中新建一个数据库表名,做一些操作读取数据库并处理数据,得到你想要的数据,然后出去

编写并测试完毕后,右键该文件夹,启用云函数本地调试,打开新窗口,清理内容,然后按照图中步骤即可看到数据,则说明云函数已编写完成没有任何问题。 ,最后右键单击该文件夹并选择上传和部署:云安装依赖项。等待 1 分钟。当看到图标变成绿色的时候,右下角提示编辑成功就OK了。

4. 调用云函数

找到文件目录中的文件夹,在page文件夹中新建一个目录——新建一个页面,然后在js文件中,写一个调用刚刚上传的云函数的方法(不用关心代码质量,呵呵),使用wx..调用云函数,名称是上面新建的,数据作为参数传入,返回数据并赋值给页面。

5.你完成了

数据显示正常,完美

福利:

微信小程序编程开发_开发微信小程序教程_开发一个微信小程序如何写

招10名无基础想学副业的学徒(月收入8000+)

福利一:赠送零基础入门教程(视频+文档)

福利二:晚上将邀请行业大咖为粉丝现场答疑(2021年最新学习方法和思路,2021年就业方向,还有其他可以问的问题!!)

分享