专栏首页腾讯NEXT学位超实用的小程序官方能力,你知道吗?

超实用的小程序官方能力,你知道吗?

小程序官方平台和工具里,其实有很多很好用的能力,你都了解吗?

小程序管理后台

微信公众平台里,其实藏着一些好用的能力,一起来看看吧。

问题定位辅助


运维中心

在小程序管理后台,【开发】-【运维中心】里,可以有以下能力:

  • 错误查询: 可以查到所有小程序运行错误的记录。
  • 性能监控: 可以监控小程序运行的性能,包括不同时间段的启动耗时下载耗时初次渲染耗时等。
  • 告警设置: 错误告警通过微信群来通知,每个小程序对应唯一的告警群,扫码加入后即可接收告警通知。

微信7.0以后: 如果使用工具压缩和编译代码,会自动带上 sourcemap ,运维中心的错误会显示原来文件名字和行号 如果使用第三方框架,在代码中内敛 sourcemap 或者有同名  sourcemap 文件存在,工具会自动合并和解析,从而做到错误会显示原来文件名字和行号。

日志管理

  1. 开发中日志打印,使用日志管理器实例LogManager。使用方式查看API - LogManager。
  2. 用户在使用过程中,可以在小程序的 profile 页面,点击【投诉与反馈】-【功能异常】-【勾选上传日志】,则可以上传日志。

在小程序管理后台,【管理】-【反馈管理】,就可以查看上传的日志。

运营数据

有两种方式可以方便的看到小程序的运营数据:

  1. 在小程序管理后台,【统计】,可以看到常规分析(概况、访问分析、来源分析、用户画像)与自定义分析,点击相应的 tab 可以看到相关的数据。
  2. 使用小程序数据助手,在微信中方便的查看运营数据。

常规分析(不需要配置或开发)

参考文档: 常规分析

  • 概况:提供小程序关键指标趋势以及 top 页面访问数据,快速了解小程序发展概况;
  • 访问分析:提供小程序用户访问规模、来源、频次、时长、深度、留存以及页面详情等数据,具体分析用户新增、活跃和留存情况;
  • 实时统计:提供小程序实时访问数据,满足实时监控需求;
  • 用户画像:提供小程序的用户画像数据,包括用户年龄、性别、地区、终端及机型分布。

似乎晒点图会更加直观:

自定义分析(需自行配置和开发)

参考文档: 自定义分析

配置自定义上报,精细跟踪用户在小程序内的行为,结合用户属性、系统属性、事件属性进行灵活多维的事件分析和漏斗分析,满足小程序的个性化分析需求。

同样,晒点官方图:

第三方能力


TGit 代码托管

重要Tips: TGit 能力即将会升级为 git.weixin.qq.com,将全量免费提供给微信的开发者,期待最新消息!

更多详情,可以参考TGit开通及配置流程。

小程序开发工具

调试


真机调试

参考文档:真机调试

我们经常会遇到小程序开发工具没有问题,但是真机上跑的时候就出翔了,或者某些UI歪掉了,这时候真机调试就显得特别方便啦~ 真机远程调试功能可以实现直接利用开发者工具,通过网络连接,对手机上运行的小程序进行调试,帮助开发者更好的定位和查找在手机上出现的问题。

使用方式: 点击开发者工具的工具栏上 “远程调试” 按钮。

实用能力:

  • 调试:断点、单步调试,可在 console 里调试wx.***能力
  • 查看和 debug 请求
  • 查看 UI 布局和样式(定位奇葩的手机兼容的时候,特别好用)

构建


npm 支持

参考文档:npm 支持

小程序基础库版本2.2.1开始,就支持 npm 构建啦。

  1. 安装 npm 依赖。
  2. 点击开发者工具中的菜单栏:【工具】-【构建 npm】,就可以啦。

自定义预处理

通过自定义预处理,我们可以设置在上传代码之前,做一些什么操作,例如跑测试、编译构建等。可以通过project.config.json中的scripts来配置:

  • beforeCompile: 编译前预处理命令
  • beforePreview: 预览前预处理命令
  • beforeUpload: 上传前预处理命令

测试体验


小程序开发助手

参考文档:小程序开发助手

微信公众平台发布的官方小程序,帮助开发和运营人员在手机端更方便快捷地查看和预览小程序。 有权限的项目成员,可以直接点击体验任何一个需要测试或体验的版本,而不需要二维码的口口相传。

最新消息:小程序开发助手已经升级为小程序助手了,在移动端可以管理版本了~


体验评分

参考文档:体验评分

体验评分是一项给小程序的体验好坏打分的功能,它会在小程序运行过程中实时检查,分析出一些可能导致体验不好的地方,并且定位出哪里有问题,以及给出一些优化建议。

手动启动:

  1. 在调试器区域切换到 Audits 面板。
  2. 点击左上角”开始“按钮,然后自行操作小程序界面,运行过的页面就会被“体验评分”检测到。
  3. 点击 “Stop” 停止分析,就会看到一份分析报告,之后便可根据分析报告进行相关优化。

自动运行(实时检查): 开发者在工具的右上角 “详情” 面板里勾选 “自动运行体验评分” 选项即可开启。

参考

  • 小程序调试

结束语


很多时候,我们觉得小程序的开发和调试总是有哪里不满意,但其实官方在很认真地完善各个环节,不过他们比较低调,很多能力我们都没有用上。

很多 web 开发写小程序,都喜欢用像 mpvue、wepy 这些框架。不用去了解小程序的运行机制、底层原理,其实也很方便。不过作为一个细腻的开发,其实了解一下也能发现小程序它棒在哪里了。

文章来源:腾讯工程师王贝珊

「人人都会微信小程序实战进阶」限时99元领取!

199元+49元=限时特价99元

上线自己的小程序,抢领百万奖学金

微信官方证书召唤你,腾讯offer等你拿

腾讯大牛手把手实例教学,0基础快速上手小程序

后台回复888即可get!

腾讯NEXT学院

求职干货 | 前辈blog  | 前端课程

本文分享自微信公众号 - 腾讯NEXT学院(Next_Academy)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-01-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 学员故事 | 0基础的我们,是这样做出小程序的(下)

    ? 嗨咯~ 我是N妹,这期给我们做分享的是“人人都会微信小程序”的优秀学员——“小亭同学”,快来看看她是如何从0到1做出小程序的吧~ 学员说 大家好,我是小亭...

    腾讯NEXT学位
  • 【Jero专访】非名校、农学出身的他,如何成为腾讯高级工程师?

    N妹说:今天来说这个故事的,是我们腾讯NEXT学院的负责人、腾讯课堂前端负责人的高级前端工程师Jero老师~快来看看,他的励志逆袭历程吧! 自助者天助 Jer...

    腾讯NEXT学位
  • 腾讯课堂&微信团队推出小程序进阶课,百万奖金池 、微信官方证书等你挑战!

    小程序究竟有多火? 小程序正式发布两周年之际,2019微信公开课披露了去年一年的数据:小程序的日均用户使用频次增长了54%,累计创造了超过5000亿元的商业价...

    腾讯NEXT学位
  • 「最全总结」没有公众号和流量渠道,该如何推火自己的小程序?

    蘑菇街小程序, 90 天获得了 300 万新用户;「星巴克用星说」上线仅三个月,便获得几百万用户;腾讯公益 1 元购「小朋友画廊」在朋友圈刷屏,不到一天便获得了...

    知晓君
  • 这些微信小程序比APP实用多了:看视频能跳过广告,一年省下几百块!

    微信小程序上线也有一段时间了,各大APP纷纷入驻微信,推出了自己的小程序。小程序的优点就是:不需要安装APP,用完即走。对于很多小内存的手机用户来说,微信小程序...

    企鹅号小编
  • 餐饮小程序订餐系统都有哪些功能模块?具体有什么优势和好处?

    随着微信小程序不断把发展,各行各业对小程序的应用也越来越广,值得注意的餐饮行业对小程序的使用更是势如破竹的快速增长。这样促更多的商家将会借助微信小程序涌入这个全...

    速成应用小程序开发平台
  • 小程序公开课 | 学会这些,你就知道如何推广小程序了!

    社群分享主要有两种:一种是群小程序,另一种是聊天小程序。以卡片形式出现在微信聊天界面中,同时在聊天详情界面中也能找到小程序的日寇,点击后就能看见你与好友、群成员...

    用户1745481
  • 2018年最后几个月,小程序这7个趋势值得关注!

    经过一年八个月的发展,微信小程序在跌宕起伏之后,终于成为整个互联网行业认同的风口。在这期间,我们曾对小程序有很多猜想:

    场景录小程序
  • 四千万线下实体为什么需要一个门店小程序?

    如果你还在观望门店小程序的运营效果,那么现在就可以行动起来了。关于小程序运营数据,一直很难找到权威、官方的数据。而在微信公开课北京站活动中,获悉了小程序产品团队...

    用户1745481
  • 小程序 · 一周报

    微信新增了服务类小程序分类搜索。用户进入「发现-小程序」,点击搜索按钮,即可体验该搜索服务。

    极乐君

扫码关注云+社区

领取腾讯云代金券