×

注意!页面内容来自https://blog.csdn.net/weixin_44710155/article/details/121714457,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

微信小程序之发送http请求(云环境)

本文详细介绍了如何在微信小程序中设置云开发环境,创建并配置云函数,引入外部依赖,编写云函数代码以实现POST请求,并调用该云函数从外网获取数据。教程覆盖了从初始化到调用的完整流程,适合初学者参考。

1 首先开通云开发环境,此步骤略,鼠标点几点的事,不会可以查百度

2 创建云环境,此步骤略

3 新建一个微信小程序,后端服务器选择不使用云服务

 4 在project.config.on文件中加入此代码,"cloudfunctionRoot":"cloud"

注意,cloud是一个当前项目的文件夹

5 在apps.文件的  onLaunch: 函数中加入此代码,初始化云环境,

  wx.cloud.init({

      env:"caigou-xs113"

    });

注意:caigou-xs113是你的环境的id

 6 在云环境文件夹(上面的cloud文件家)创建云函数

7 添加外部依赖,在 云函数所在的文件夹里添加如下文件,下载地址

链接: 百度网盘 请输入提取码 提取码: 33j7 复制这段内容后打开百度网盘手机App,操作更方便哦

进入文件夹

把外部依赖粘贴进来

 8 在云函数的index.里写入如下代码,url变量是外部传入的,你也可以直接写死测试下,url必须是外网可以访问到的

// 云函数入口文件

const cloud = require('wx-server-sdk')

const got = require('got'); //引用 got

cloud.init()

// 云函数入口函数

exports.main = async(event, context) => {

  var url=event.url;

  let postResponse = await got(url, {

    method: 'POST', //post请求

    headers: {

      'Content-Type': 'application/on'

    },

  })

  return postResponse.body //返回数据

}

9上传云函数

10 调用云函数,url可以更改为你的,但是这里一定要注意一点,url必须是外网可以访问到的,如果是本地的话,建议使用内外穿透,内网穿透可以用花生壳,natapp,小米球等等,

 wx.cloud.callFunction({

      name:"sendHttp",

      data:{

        url:'http://36.138.146.20:8081/test'

      }

    }).then(res=>{

      console.log("云函数调用",res);

    })

11 最后运行结果

确定要放弃本次机会?
福利倒计时
: :

立减 ¥

普通VIP年卡可用
立即使用
3 条评论 您还未登录,请先 登录 后发表或查看评论

3 条评论

评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
点击重新获取
扫码支付
< type="text/css">
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值