• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

【小程序】小程序调试

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

按个人习惯,我一般把小程序划分为开发调试和项目调试两大类。

开发调试

开发调试就是平时写代码时候的一些调试技巧,项目调试更偏向于真机预览调试这一块。开发调试基本网上有一些文字讲的比较详细了,这里直接贴链接,平时开发其实基本都懂个七七八八了。
简单介绍:https://www.cnblogs.com/cisum/p/10151807.html
官方详细说明:https://developers.weixin.qq.com/miniprogram/dev/devtools/debug.html#%E6%A8%A1%E6%8B%9F%E5%99%A8
补充的注意点:
1. 编译点击刷新图标或者在光标在代码中,按一下ctrl+s也可以**编译。分为普通编译和特定页面编译,每次普通编译都会重新编译并从主入口进入。

特定页面可以添加编译模式,之后的编译都会针对那个模式(指定的页面,不能是自定义组件)进行编译而不会回到主入口,写页面时是十分有用的技巧。通过添加启动参数,类似vue的query,每次可以在onLoad和onlaunch中捕获到。

底下的通过二维码编译,大致就是导入一张二维码,小程序会读取二维码,得到页面路径和对应参数。在这次项目中后台管理系统需要生成能下载的二维码(后台),用于给老板下载打印在门店使用,别人扫码就会进入小程序对应页面。写线下门店功能的时候需要用到这个。
2. 页面屏幕的设置,一般最标准的交互稿是以iphone6为准。rpx是小程序的像素单位,任何手机都是750rpx,物理像素是不固定的,可以通过dpr推演。
比如dpr:2,对应375px,750/375。一般样式大小不要用px,多使用rpx、vw、vh、百分比这些。

3. 清理缓存,作用是什么不多说了,一般可以对应着去清理,重新授权就清授权,请页面数据就清数据,要方便可以全部清除。

4. 如果想在source看编译后的代码,记得代码压缩。

真机调试

真机调试这块,微信官方文档其实讲的挺好的了,可以看看。
https://developers.weixin.qq.com/miniprogram/dev/devtools/remote-debug.html

预览

预览分为扫描二维码预览和自动预览。
扫描二维码预览,好像只有微信公众平台绑定的项目成员才能看到

自动预览是针对开发者的,比方这是你的账号登录的开发者工具,自动预览绑定的是你的手机,点击自动预览后,手机会弹出对应页面。需要注意,这里的预览都会根据你的编译模式,看你是普通编译还是特定页面编译。
这是弹出的页面,默认只是页面展示,没有这些附加的性能数据。

开启方式如下:红框有个时隐时现的按钮,点击它,然后点击下方的开发调试。

在这里可以选择第一个的调试,对应底部那些数据,可以看到此时真机上的输出语句,日志,wxml等等东西。相当于不能编码的开发者工具的调试器。
第二个是性能监控面板,可以看cpu内存,以及一些渲染耗时之类的性能指标。
后面几个应该是现在新增的,第三个是录屏,记录你这一段时间的操作,然后去做性能更细致的分析。详看链接:https://mp.weixin.qq.com/s/ndzkEGb-9uVF-86NKXs58g。第四个是内存快照。

真机调试

真机调试也是分为两种,但是这里跟编译方式无关,每次都是重载小程序,从主页面进入。扫码或者自动方式,都会在手机上打开开发版小程序,同时弹出真机调试页面,这里的修改都会体现到手机上,可以修改appData动态影响到手机的展示。但是修改了代码是没有反应的,因为此时调试只记录了点击调试时的代码,新改动不会更新。


补充一个东西,network可以选择网速,开发时需要注意这方面的东西,因为是小程序,载体是手机,在移动网络的情况下,可能网速会从4G变成2G,所以有一些核心按钮,比如下单、确定收货这些不可逆的操作,网络差时可能一段时间没反应,用户可能会不耐烦,然后多点了几下,下了几次单,你们想一下要怎么解决,有结果可以互相讨论交流学习。

还有一种是调试,电脑太卡了搞不起来,你们自己摸索就行。跟浏览器差不多我记得。

小程序版本

刚才上面的操作,基本只涉及到小程序的开发版。除了开发版,小程序还有体验版和正式版,体验版需要上传,然后在管理->成员管理,下面的体验成员中添加,只有项目成员和体验成员才能打开体验版。

体验版需要点击 上传 按钮,点击之后同意提交,即可更新体验版。在公众平台的管理->版本管理可以看到。最新的一次上传就是体验版的内容。
可以在这里点击提交审核(开发完成调试测试没问题再搞),第一次提交审核需要一个星期左右的时间,大版本三四天,小版本一两天甚至当天审核结束。
如果项目审核中,临时改动需要重新提交,没问题的,直接弄成体验版然后再次提交审核就行。因此流程大致如下:开发版(开发调试用的)->体验版(给客户用的,记得添加体验成员而不是项目成员)->审核->线上版本

补充

  1. 如果request合法域名就是对接服务器,downloadFIle合法域名就是在线上版本可以使用哪些网站的资源(图片、文件),需要是https的。
  2. 有时间可以去玩一下里面的SDK,SDK可以理解为封好的一些东西,比如实时导航,如果有更高的要求可以用百度地图的SDK,功能会比微信原生的更强大。包括里面的云开发,用nodejs的语法,可以做后台的工作等等。
  3. 版本管理,可以在这里做一些git的操作,和用coding、github差不多。

    比较有用的是历史,因为小程序版本历史和coding的提交历史可以说是两条不一样的的历史线,通过这里的历史可以知道当前版本跟上个版本做了什么改动,方便快速一些问题。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap