微信小程序云函数使用教程【超详细】

2024-06-03 23:23:13

背景需求

在本人的项目中，需要调用一个http的接口，而微信小程序所有的网络请求都得使用https，因而需要一个中转站，使得在正式发布的时候可以使用http接口。（在调试环境下，只要在本地设置里勾选“不校验合法域名”即可使用http接口）

微信小程序云函数使用教程

1. 项目里添加字段
（1）在根目录下“project.config.json”文件，添加字段

"cloudfunctionRoot": "cloudfunctions/",

（2）在根目录下“app.json”文件，添加字段"cloud":true

2. 新建存储云函数的文件夹
在根目录自己下创建文件夹"cloudfunctions",由于刚才的配置，该文件夹下会有个云的图标。

3. 新建云函数
右击刚才新建的文件夹"cloudfunctions"，会有“新建Node.js云函数”选项，填写函数名称后，会自动生成一个文件目录，里面有三个文件夹。比如我这里创建的函数名称叫"csdn"

点击该目录下的"index.js"文件夹，即可编写我们的云函数。
想要发送http请求，需要先安装个“request-promise”包，安装方法：

npm install request-promise

该index.js文件的具体内容：

// 云函数入口文件
const cloud = require('wx-server-sdk')
var rp = require('request-promise');cloud.init()// 云函数入口函数
//event 指的是触发云函数的事件，当小程序端调用云函数时，event 就是小程序端调用云函数时传入的参数
exports.main = async (event, context) => {let url = event.url;return await rp(url).then(function (res) {return res}).catch(function (err) {return '请求失败！'});
}

4. 部署云函数
在每次编辑完云函数后，都要先部署一下，才能生效。具体部署方法：
右键该云函数名称，选择“上传并部署”

记得每次修改完都要重新部署！

5. 调用云函数
在页面的js文件里调用该云函数：

wx.cloud.callFunction({// 自己定义的云函数名称name: 'csdn',// 传给云函数的参数data: {url:"http://xxx.xxx.xxx"},success: function(res) {//这里的res就是云函数的返回值console.log(res) },fail: console.error
})

微信小程序云函数使用教程【超详细】相关推荐

微信小程序云函数服务器,微信小程序云函数使用的几点说明
微信小程序云函数是一个好东西,相当于微信为我们提供了一个可以跑node.js的服务器,并且可以外部通过API的方式调用云函数,不过微信的文档一向写的不明不白,初学的时候踩了不少坑,在这里记录下来. 1 ...
微信小程序云函数中的数据处理后返回
微信小程序云函数中的数据处理后返回本文主要演示的是,在微信云函数中调用数据库后,如何对获取的内容在云函数内处理后返回. 主函数 exports.main = async (event, contex ...
微信小程序云函数操作云数据库Mysql
微信小程序云函数操作云数据库Mysql 参考一参考二云函数是一段运行在云端的代码,无需管理服务器,在开发工具内编写.一键上传部署即可运行后端代码. 小程序内提供了专门用于云函数调用的 API.开发 ...
微信小程序云函数构建npm，找不到node_modules以及后续出现上传所有文件，并没有上传node_modules的文件问题
最近研究下微信小程序云函数,在构建npm的时候困扰了很久,总是提示找逼到node_modules,之前一直也没接触过nodejs,不想购买服务器,选择尝试下云开发. 出现这个错误在网上找了很多,都没找 ...
微信小程序云函数--数据库集合使用
微信小程序云函数--数据库集合使用 1.首先,准备和配置好云函数的路径和文件信息参考我的上一篇:https://blog.csdn.net/u010326875/article/details/10 ...
微信小程序云函数开发环境 node.js的安装参考
微信小程序云函数开发环境 node.js的安装参考下载:nvm-windows 下载下图安装包,地址在: https://github.com/coreybutler/nvm-windows/rel ...
微信小程序云开发新手教程——关于多人云开发和git版本管理
多人团队开发微信小程序项目时,如何更好的进行团队协作是一个关键问题.接下来的这篇文章里,主要以项目的管理者和项目参与者两种身份,介绍了云开发初始环境的配置的具体方法,以及通过git进行团队的版本管理. ...
微信小程序云函数获取近七天或近一个月的数据，使用云开发已修复时区的问题
使用了云开发的微信小程序,就不能方便地用mysql的to_days函数处理,获取关于时间的数据思路: 查询微信小程序文档后考虑使用聚合操作不可能只是去获取一个固定时间,而是一个区间的时间段 Com ...
微信小程序-云函数-读取用户名、头像并展示
引言: 最近准备毕业设计,想做一个微信小程序,奈何只会一点html,css,连js都不会中间踩坑无数,现在还在坑中,云函数的创建具体参考相关文档.教程初识云函数 1 目录结构 2 文件修改内容 2. ...

最新文章

热门文章