天气小程序

一、实验目标

主要介绍使用小程序网络API的相关应用制作一款天气查询小程序。学习目标为：1、掌握服务器域名配置和临时服务器部署；2、掌握 wx.request 接口的用法。。

二、实验步骤

列出实验的关键步骤、代码解析、截图。

1.API密钥申请

 

按照实验手册，在和风天气网站注册申请密钥。得到KEY。

2.服务器域名配置

项目创建：

 

在微信开发者工具中创建一个新的项目weatherDemo,并进行相关的页面配置。

创建图片文件：

试图设计：

导航栏设计

在app.json文件中修改如下代码：

效果图：

页面设计

 

设置容器格式：

设置界面：