梦幻科技

首页 开发教程正文

手机app制作软件测试app的技巧和方式(上)

梦幻小猫2周前26

  测试(Testing)是写程序很重要的过程之一。当手机app制作软件一步步完成,过程中你需要不断的测试,随时掌握画面、写出来的功能是否在交到使用者手上时是正常运作。而Thunkable平台上提供了什么测试的方式呢?以及测试有什么小技巧能掌握?让我们一窥究竟。

手机app制作软件测试app的技巧和方式(上)

  测试App为什么重要?

  在Thunkable的设计界面(Design),中间的区域其实只是“设计示意图”,也就是你的元件在手机上的相对位置。为什么说是相对位置呢?因为不同画面尺寸的手机大小在开启与执行App时才会是元件实际摆放的位置与大小。

  举例来说,将近10寸屏幕的iPad和将近6寸的iPhone在显示元件上的比例就会不一样。我可以在制作时看到元件彼此之间的位置关系,但是一切都需要实际测试才准确。

  另外,App上的行为(behavior)也需要实际的测试才能确定功能正常。一般的App工程师,除了会使用不同手机系统(iOS和Android)来测试外,也会刻意找不同OS版本来执行,确保你的App在上架前(毕竟谁想要收到用户的负评呢?),尽可能已在大多使用者常用的硬件规格上进行测试。

手机app制作软件测试app的技巧和方式(上)

  [技巧1]善用文字(Label)做输出测试

  通常在写像是C++、Java、Python等程序,会用print(印出)来查看程序逻辑哪里出错,或是数据的正确性与否。在Thunkable平台上,通常可以使用一个元件?文字(Label)显示执行结果来协助你除错(Debug)。

  你可以透过属性「显示(Visible)」来让这个测试的文字适时的隐藏或显示。这样程序也不需要移除,你能觉得何时需要「它」来协助你将看不到的逻辑出现在App上,确认「值」。

  接下来会介绍几个平台提供测试的方式,并依据测试精准度低到高来排序,让各位App开发者根据开发过程与习惯斟酌使用。

  网页(Web)上测试:适合检视每页排版与流程

  在2020上半年,Thunkable团队释出了新的测试方式—网页版(Web)。只要简单的点选上方的[Live Test],你会看到弹出视窗的左方,会有网页版的App显示并可以互动!但网页上的测试其实还是有所「限制」,特别是需要手机硬件支持的元件,像是:相机(Camera)、位置(Location)、地图(map)等。

  目前Thunkable有将网页测试可支持的元件,放在这(往下有个Unsupported Components的内存块):https://docs.thunkable.com/publish-as-a-web-app-pro#responsive-web-app

  [技巧2]测试排版以及基本的App流程

  目前我的使用习惯会将网页(Web)测试作为我查看页面排版和流程,像是点选按钮会到下一页(Screen)等流程。因为目前也不支持弹出视窗(Alert)元件,所以有些状况没办法测试到。

  透过Live App测试:快速测试App行为

  Thunkable Live是团队开发的一个即时测试的App。下载后,只要登入相同的帐号并且连上网路,就能即时在手机上测试你的项目(App)。

  跟着官方文件内的步骤:https://docs.thunkable.com/get-started/live-test下载并测试项目。

  Live Test的好处是,实际在手机上测试,但是又不需要真正下载与安装App,可以省下非常多确认小细节与功能执行的时间。

  但也必须提醒,在Thunkable Live测试,App还是会与「实际使用者」下载安装你的档案有些差异。例如:iOS系统的使用者会看到在Thunkable Live中下方会有一个内存块显示信息;Android系统也会看到上方有多出一行长条状。这些是用来辨明这是App测试状态(无法移除),并非实际用户下载到手机上的App的样子。


上一篇: 当我想做一个App,用手机app制作平台Thunkable怎么样?

下一篇:手机app制作软件测试app的技巧和方式(下)

服务热线

13751415268

qrcode

扫一扫二维码,微信咨询