智行天气小程序(支付宝)、微信效果图分析
发表时间:2023-11-26 20:24:35
文章来源:炫佑科技
浏览次数:165
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
经过两年多的发展,小程序的地位逐渐越来越高。 各平台相继打造了自己的小程序平台。 随着市场需求的不断增长,我们热衷开发小程序。 然后他就被逼到了高处,别无选择,只能抬头。
为什么选择? uni-app是一个使用Vue.js开发所有前端应用程序的框架。 开发编写一套代码,可以发布到iOS、H5以及各种小程序(微信/支付宝/百度/今日头条/QQ/钉钉)等平台。 即使不是跨终端,uni-app也是一个比较好的小程序开发框架。 来自官方。 喜欢taro、wepy、mpvue的朋友不要批评我。 每个人都有自己的优点uni-app开发微信小程序,每个人都应该幸福。
知行天气小程序(支付小程序、微信小程序)
效果图
1. 获取位置信息
在定位功能上,本程序使用了腾讯地图的API和腾讯天气的API接口。
您需要在官网注册一个开发账号,并通过注册后获得的信息请求我们需要的数据。
详细注册步骤请自行操作。 由于需要使用定位功能,因此该方法获取当前位置的坐标,然后对应到腾讯地图上的具体城市。
2.查看天气
获取城市名称后,使用城市名称查询天气接口即可获取未来几天的天气预报。
天气接口采用腾讯天气接口API。
在小程序中使用之前,您必须在小程序设置界面和开发设置中添加合法域名。
3、小程序界面
由于缺乏审美和想象力,我参考了腾讯天气的界面制作的。 功能很简单,查看当前地区的天气并切换其他地区的天气,查看*近24小时的天气情况和*近6天的天气情况,并显示今天的农历时间。
4.插件的使用
如果你想快速完成小程序的构建,里面的折线图使用.js。
因为兼容支付宝小程序和微信小程序,所以农历查询也使用plug-in.js。
折线图在支付宝小程序中会出现模糊问题,需要兼容。
农历插件的使用
微信小程序有城市选择组件,但支付宝没有可以直接使用的城市组件。 官方介绍:支持安装mpvue组件,但npm方式不支持小程序自定义组件(如wxml格式的vant-weapp)。 查找支付宝可用城市插件:mpvue-
支付宝城市选择组件
总结
1、接口搭建很快,提供了比较完善的组件和丰富的API2
2、天气接口查询的腾讯天气需要经过过滤才可以使用。 如果某些地区的天气查询没有返回任何结果智行天气小程序(支付宝)、微信效果图分析,则需要友好的提示。
3、**次制作支付小程序会遇到很多坑,比如图表模糊、需要自己制作城市选择组件、使用uni时需要兼容的消息提示框等。 支付宝无法使用字段,并获取位置uni。 使用时也是需要的。 兼容,支付宝不能使用type字段等
4、方案提交和审核比较快。 我申请了大概一天,但是支付宝审核很慢
5.然后将代码放入