A weather Mini Program Project in a minimalist style of the world's major citie.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
libs
pages
README.md
app.js
app.json
app.wxss
project.config.json

README.md

City Weather

Style Flat Build Status

简体中文 & English

City Weather Banner ZH

中文

小程序信息

城市天气 (City Weather)

一个简约风格的世界主要城市的天气查询小程序。

开发语言

JavaScript, wxml, wxss

微信开发工具版本

macOS v1.02.1809260

小程序截图

City Weather Screenshot

如何使用 ?

  1. 获取某个分支的代码文件到本地,保留根文件夹 CityWeather
  2. 打开微信开发工具,点击 + 添加跟文件夹于小程序中;
  3. 本代码限制了 AppID 的值,可在项目中修改 project.config.json 文件添加 AppID;
  4. 本例天气API使用有和风天气提供的免费API,每天免费1000次请求,如遇到获取 json 数据错误,请次日再来尝试,亦或是使用自己的天气API;
  5. 本例中位置API使用腾讯位置服务SDK,可在 此处 注册。

特点

当你运行此小程序时,你能够获得以下特性:

  • 略去配置城市步骤,直接获取地址查看你所在城市的天气状况;
  • 能够获取当前的风向和风速;
  • 能够查看未来24小时的天气及气温变化;
  • 能够查看未来7天的天气变化及气温变化。

历史版本

v1.1.1 包括 v1.0.0 全部功能,并增加当前天气分享以及7天天气分享,微调UI。

v1.0.0 包括当前天气、24小时预报以及7天天气预报功能。

补充

允许用于非商业性用途。

版权

Copyright (c) 2018: windmill0503

Copyright (c) 2018: Udacity

City Weather Banner ZH

EN

Mini Program Project info

CityWeather

A weather Mini Program Project in a minimalist style of the world's major citie.

Languages

JavaScript, wxml, wxss

WeChat Developer Tool Version

macOS v1.02.1809260

Screenshot

City Weather Screenshot

How to Use ?

  1. Get the code file of a branch to the local, keep the root folder CityWeather
  2. Open Wechat Wevelper Tool, and click + to add this folder.
  3. Limited functionality when no AppId. But you can add it in project.config.json
  4. In this case, the weather API uses a free API provided by HeWeather, which is free of 1000 requests per day. If you encounter a json data error, please try again the next day, or use your own weather API.
  5. In this example, the Location API uses the Tencent Location Services SDK, which can be registered here.

Feature

When you run this Mini Program Project, you get the following features:

  • You don't have to configure the city steps to get the address directly to see the weather conditions in your city.
  • Ability to view current wind direction and wind speed.
  • Ability to view weather and temperature changes over the next 24 hours.
  • Ability to view weather changes and temperature changes over the next 7 days.

Previous version

v1.1.1 Including v1.0.0 all features, and increase the current weather sharing and 7-day weather sharing, fine-tuning the UI.

v1.0.0 Includes current weather, 24-hour forecast and 7-day weather forecast.

Supplement

Allowed for non-commercial use.

Legal

Copyright (c) 2018: windmill0503

Copyright (c) 2018: Udacity