uni云函数返回html页面,以城市的当前天气为例

8 篇文章 1 订阅
3 篇文章 0 订阅

uni云函数除了能跨域返回JSON格式的数据外,还支持返回html页面。

下面就以uni云函数返回一个城市的天气为例。返回这样的页面不仅有利于页面碎片化的拼接,而且还可以避免一些数据被直接暴露。

 首先,我们需要使用Hbuilderx关联一个uniclound数据库写云函数对一些API进行跨域操作,如果不知道的可以点我下面的这个链接进行查看。

实现代理跨域方法:通过uni云函数实现跨域_wang_9909的博客-CSDN博客

然后,就可以对自己找到的API获取到的数据进行处理,使用

return {
	mpserverlessComposedResponse: true,
	statusCode: 200,
	headers: {
		'content-type': 'text/html;charset=utf-8'//返回html页面,编码格式为utf-8防止中文乱码
	},
	body: `<h1>这里使用模板字符串对数据处理后的结构<h1> `
}

 至此,uni云函数返回html页面就完成了。

http://api.90focus.top/weather

上面的链接就是我简单封装的一个云函数。

API参数
城市名称必填参数类型
city城市的中文名称

例如:http://api.90focus.top/weather?city=三亚

 搜索当前三亚的天气的返回页面为

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值