开发中怎样在小程序中添加天气组件

开发中怎样在小程序中添加天气组件,第1张

首先分析制作的思路:

1在appjson文件的pages数组里加上main文件夹和template(模板)文件夹的路径。

2在mainjs文件中,在onLoad()函数中调用loadInfo()函数。

3 自定义获取位置的函数loadInfo(),调用wxgetLocation,用于获取当前的纬度(latitude)和经度(longitude)。在loadInfo()函数中接着调用loadCity()函数。

4 自定义获取城市的函数loadCity(),调用wxrequest,在“百度地图开放平台”网站中注册自己的AK,通过获取城市信息的网址(>

注:小程序管理员或被授权用户才可使用“小程序数据助手”

另外,开放自定义数据上报接口。开发者可以通过接口,上报用户在小程序内的行为事件,并直接在小程序的后台查询、分析数据。“小程序数据助手”还新增了页面转发功能,运营者可以直接分享数据,让数据分享变得更加灵活。

注意:提前想好要设置的10个关键词,输入一个按回车,直到10个输完再点审核。如果输了一个就点审核,那么要等审核通过后才能再次输入其他关键词,浪费时间还浪费修改次数,一个月最多只能修改三次关键词,修改次数也很重要)

设置关键词的关键,是设置什么样的关键词?

不同的时候有不同的关键词策略,初期要确保关键词能被搜索到,有些关键词设置了却搜索不到(官方搜索解释:审核通过后,小程序自定义关键词会和小程序服务质量、用户使用情况、关键词相关性等因素共同作用,一起影响搜索结果。不排除存在部分关键词不支持直接搜索到你的小程序的情况),为什么搜索不到,因为与小程序业务相关。

分步来说一说,应该设置10个什么样的关键词?

1 写出与行业相关,与小程序相关的关键词

站在消费者、小程序使用者的角度,写出与你想拥有的,与小程序业务相关的关键词。越多越好,先做加法然后做减法。然后,减去那些你认为用户不可能用来搜索的、不太适合的关键词。

2 从多余10个的关键词中,筛选出最适合的关键词

只能设置10个关键词,经过第一步的加法再减法,如果留下来的关键词还多余10个,又很难取舍,怎么办呢?

这里要做的就是很多专业人士所说的SEO了。有搜索的地方就有SEO,第一步也属于简单的优化,只是没有借助专业的工具,这里我们可以借助“微信指数”来帮我们做选择。

微信指数可以反应出,难以取舍的两个词,在微信里的相对热度。还可以知道这些词最近7天、30天、90天的热度变化。这就为我们在取舍上,提供了相对科学的依据。

3 进后台设置

决定好用哪些关键词后,自然是去设置关键词了,文章前面已经说过了。重点放在下一步。

4分析数据,修改关键词

设置好关键词后,不要以为关键词的一切就结束了。

作为运营者,应该对一些数据具有敏感的心,在还没有官方公布规则算法前,还应多尝试。

利用好一个月三次的修改机会,对数据进行统计分析,继续优化关键词。在微信推出关键词数据功能后,可以知道这批关键词和另一批关键词的曝光及点击转化。

建议每天统计,每两周修改一次。为什么以周为单位,因为一周每天用户的使用习惯都有差异,特别是工作日和周末,相信大多数运营者都很清楚。

最后,小程序搜索还有一大入口,那就是腾讯成立搜索应用部后不久,开放的“搜一搜”入口,在这里除了可以搜公众号朋友圈文章外,还能搜出相应的小程序。但目前只是针对小程序名中含关键词的搜索。

所以,小程序名很重要,还没注册或者要注册下一个小程序的时候,应该首先考虑小程序名中含有行业,且越短越好。

自定义导航栏分两种,一种是单独某个页面做一个自定义导航;一种是所有页面的导航栏都是自定义样式

如果是所有页面的导航栏都要自定义,在appjson里找到window样式

"navigationStyle":"custom"

所有页面的就需要先自定义组件了,这里先不做详说,因为我目前项目中只是首页需要自定义导航栏,这里我先详说这个

这样当前页面自带的导航栏就没有了,然后需要你在wxml页面中就可以开始写样式了

<!-- 自定义导航栏 -->

    <view class="navStyle" style="height:{{navHeight}}px">

      <view class="navFix" style="height:{{navHeight}}px;margin-top:{{imgTop}}px;">

          <image src=""></image>

          <view style="margin-top:{{cityTop}}px;">

            全国

            {{cityName}}

          </view>

      </view>

    </view>

// 获取状态栏高度

        const { statusBarHeight } = wxgetSystemInfoSync();

        // 得到右上角菜单的位置尺寸

        const menuButtonObject = wxgetMenuButtonBoundingClientRect();

        consolelog('右上角菜单的尺寸:',menuButtonObject);

        const { top, height } = menuButtonObject;

        // 计算导航栏的高度

        // 此高度基于右上角菜单在导航栏位置垂直居中计算得到

        const navBarHeight = height + (top - statusBarHeight) 2;

        // 计算状态栏与导航栏的总高度

        const statusNavBarHeight = statusBarHeight + navBarHeight;

        thissetData({

            navHeight:statusNavBarHeight,

            imgTop:statusNavBarHeight-45,

            cityTop:statusNavBarHeight-45-25

        })

制作微信统计助手小程序的步骤如下:

1 登录微信公众平台开发者工具,创建一个新项目

2 在新项目中选择“小程序”,填写小程序名称、AppID和路径等信息,点击“创建”

3 在编辑页面中,可以通过“可视化搭建”或“代码编辑”两种方式来制作小程序的界面和功能。可视化搭建方式可以通过拖拽组件和设置属性等方式快速建立小程序的UI界面和业务逻辑;代码编辑方式则需要手动编写代码,实现自定义的功能和交互效果。

4 对于微信统计助手小程序,需要设计数据统计图表的样式和展示方式,以及对用户数据进行分析处理的功能。这一部分需要涉及到一些专业的数据分析和可视化技术,可以考虑借助第三方库或框架来实现。

5 在开发过程中,需要多次进行调试和测试,确保小程序的稳定性和兼容性。测试完成后,可以提交审核,并在通过审核后发布上线。

总之,制作微信统计助手小程序需要一定的前端开发和数据分析技能,如果您没有相关经验,建议可以找专业的小程序开发公司或开发者来合作完成。

以上就是关于开发中怎样在小程序中添加天气组件全部的内容,包括:开发中怎样在小程序中添加天气组件、微信小程序里哪里可以生成企业的画像报告啊、微信小程序怎么使自己关键词搜索靠前等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/9731796.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存