微搭低代码零基础入门课（第三课）

Posted 2022-04-26 低代码布道师

开通了微搭低代码账号之后，我们就一只脚踏入了软件开发这个领域。不管你是安装官方模板进行二次开发也好，还是创建自定义应用从零开始也罢。既然开发就要具备排错的能力，专业术语叫debug，也叫断点调试。

因为咱们这个是线上的集成开发环境，就不能和传统开发在IDE里那么方便。所以并不是像传统开发一样可以打断点，当程序运行到断点处自动停下来，我们可以从堆栈中查看变量的情况。微搭低代码的开发语言是javascript，那么就需要掌握javascript如何进行程序调试。

在微搭中一共有四种调试方法

1 在控制台输出

应用编辑器中提供了控制台，控制台我们可以观察变量的方法和值

可以直接在控制台输入变量名，比如$page，观察这个变量的属性和方法

展开对象可以看到变量的属性和方法名，方便我们在代码中调用

2 在浏览器中输出

有时候有些错误在控制台里查看不了，我们需要在浏览器中查看，点击预览按钮

浏览器中我们需要按F12打开开发者工具，在开发者工具中查看具体的报错信息

控制台中红色的就是具体的错误，有时候会打印出错的详细信息，从报错信息具体进行排查。排错的能力是程序员必备的能力，有时候需要自己思考，大部分我们先百度一下看看是否有人解决过类似的问题。

为什么你可以百度呢，因为许多人是有分享精神的，比如你现在看到的这篇文章就是博主根据自己的经验编制的，为了后来学习的人员有个参考。

3 在低代码中输出

一般控制台输出的错误大部分是语法错误，要么是你违反了语法的规则，要么是你调用了错误的方法。还有一类错误是逻辑错误，所谓的逻辑错误是没有得到预期的结果，比如你定义了个变量，本来预期是有值的，结果预览的时候发现啥也没有，这个时候就需要排错。

如何排错呢？我们就需要借助打桩的技术，所谓的打桩就是在低代码中通过，console.log()来进行输出，console.log()方法里边可以传多个参数，参数之间用逗号隔开。

上图中我标红的部分就是打桩，我是输出了变量的值和类型，看看程序究竟在哪里出错了。输出的信息还是在控制台里查看，既可以在应用编辑器的控制台里看，也可以在浏览器的开发者工具里查看。

要想编出正确的程序就需要不断的调试，最终将结果变得符合预期。

4 在小程序中输出

除了上述的调试方法外，如果我们调用了微信的api的，在浏览器里是没有效果的，这个时候就需要我们把程序发布到手机里进行查看。点击发布按钮，可以发布成预览版进行调试

有小伙伴不知道小程序怎么进行调试，点击小程序右上角的三个点，可以找到调试，就打开了调试界面，在里边查看是否有报错信息，或者查看输出的结果进行排错

这样就可以看到具体信息了。

总结

本节课讲解了低代码中调试的方法，掌握方法之后就好干活了。