版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1333797
【提示】:正在补充更新中…
Demo
,发现兴趣挺高,不失为一个可以扩展自身技能的试炼场注意:作为登录帐号,请填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱
进行微信小程序的开发,需要使用官方提供的开发工具进行代码的开发和上传
根据官方文档,快速熟悉开发者工具的使用
api.seniverse.com
所提供的天气状况接口,获取 JSON
数据1. `request` 合法域名基本上一定要填写,因为只要小程序需要服务器,基本上就需要这个设置。
2. `socket` 合法域名一般是小程序功能涉及即时通信时需要
3. `uploadFile` 合法域名和 `downloadFile` 合法域名分别是小程序功能涉及上传文件和下载文件时需要
4. 也就是说第一项基本是必填,后面三项根据功能选填以我的代码需求,则需要进行如下的配置(通过这次的操作,以后也要记住这一重点)
/pages/index/index.js
核心代码参考如下:onReady:function(){
//初始化加载数据
var self = this
//获取定位信息 经纬度
wx.getLocation({
success: function (res) {
//初始化【北京】经纬度 location=39.93:116.40(格式是 纬度:经度,英文冒号分隔)
var newLocation = '39.93:116.40';
if(res){newLocation = res.latitude + ":" + res.longitude}
self.setData({
newLocation: newLocation
})
//初始化获取 当前的天气状况
wx.request({
url: 'https://api.seniverse.com/v3/weather/now.json?key=fdw9qkun1btvenxt&location=' + newLocation+'&language=zh-Hans&unit=c',
success: function (result) {
self.setData({
nowInfo: result.data.results[0]
})
},
fail: function ({ errMsg }) {
console.log('request fail', errMsg)
}
}),
//初始化获取今天的生活指数信息
wx.request({
url: 'https://api.seniverse.com/v3/life/suggestion.json?key=fdw9qkun1btvenxt&location=' + newLocation + '&language=zh-Hans',
success: function (result) {
self.setData({
lifeInfo: result.data.results[0].suggestion
})
},
fail: function ({ errMsg }) {
console.log('request fail', errMsg)
}
}),
//初始化话获取最近三天的天气状况
wx.request({
url: 'https://api.seniverse.com/v3/weather/daily.json?key=fdw9qkun1btvenxt&location=' + newLocation + '&language=zh-Hans&unit=c&start=0&days=5',
success: function (result) {
self.setData({
//weatherInfo: result.data.results[0]
weatherInfo: formatDate(result.data.results[0])
})
},
})
}
})
},
最后附一张,开发者工具所展示的效果图:
Now you can provide attr "wx:key" for a "wx:for" to improve performance.
显然
wx:key
的出现都与wx:for
绑定,可以参看文档:【列表渲染-小程序】 此处对于我的项目,最简单的解决方案:在wx:for后面添加wx:key="key" 可消除警告
... 不在以下 request 合法域名列表中,请参考文档 ...
提示:可以参考前面介绍的
【(二)-③】
中的解决方案.