如何调试一个小程序

❶ 如何直连公网ip调试微信小程序

在开发小程序时，很可能还没有公网服务器，没有域名，也没有https。只能在公司内网体验小程序。
这时候如果老板在外面想看看小程序开发进度怎么办呢？
你可以这样办:

设置不校验合法域名。。。。。

这样设置后，小程序已经可以在内网测试体验了，外网不能。

路由器设置外网ip对内网ip的转发,大多路由器都有【虚拟服务器】设置的功能。如下设置

例如内网访问 http://192.168.1.212:9100/api/XX/xxxx/
映射后外网访问 http://[你的外网ip]:2020/api/XX/xxxx/

这样设置后，接口API已经可以外网访问了，但是在小程序里面不行。

手机微信 外网打开 体验版/开发版小程序，这时候发现没有数据，接口没访问。

❷ 微信小程序开发工具使用步骤

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台，找到右下方的小程序模块，点击“开发”按钮

2、点击顶部导航栏的“工具”按钮，在新页面的左侧栏中找到“下载”。可以看到，开发工具提供Windows32位、Windows64位和Mac三个版本。可根据实际情况，选择适合自己电脑的开发工败肢具。

3、安装后，就可以直接启动开发者工具。如果是首次启动开发者工具，则需要使用开发者的微信号扫码登录。登陆后，点击“添加项目”按钮，填写APPID（如果没有，则点击无APPID）和项目名称。接着，在项目燃毕目录中点击“选择”，新建一个文件夹作为新的项目目录。然后再次点击“添加项目”，就可以新建出一个微信小程序项目了。

4、微信小程序开发者工具共分成“编辑”、“调试”和“项目”三个部分。

编辑：编辑和修改小程序的代码。

调试：显示小程序代码错误和警告，便于调试代码错误。

项目：用于查看小程序的属性、修改小程序配置，以及提交小程序代码至微信服务器。

开发工具还提供简单的模拟器（页面左侧），开发者可以使用模拟器在电脑上模拟用户点击及使用，提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。

5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白，可以登录微信小程序开发平台“即速应用”官方网站进行小程序的制作。里面有大量的小程序模板，根据自己的需求选择一个模板进行制作即可。

6、制作完成后，点击“生成按钮”。然后选择“察段世小程序打包”，下载小程序的标准代码包。

7、回到在微信Web开发工具中，在“项目目录”这一栏选择下载好的代码包，打开后就可以看到小程序的预览效果了。

8、在“项目”页面中，开发者可以查看小程序的基本属性，也可以进行真机预览调试，或向微信服务器提交一个新版本的小程序代码。服务器收到代码后，管理员就可以通过公众平台，将新版本提交审核了。

❸ 如何使用微信web开发者工具调试程序

跟风体验了下微信小程序的开发流程，发现官方的微信 web 开发者工具并不支持在代码中打断点。

用了一阵子 console.log 之后觉得好麻烦，突然想起还有一招：

debugger;

果然没猜错，能设置 Watch 还有查看 Call Stack 什么的。这下终于不用反复打 console.log 了。

还可以包装一下这个函数，增加一些类似 assert 的语法，简单的条件断点就实现了，进一步提升开发效率。

❹ 微信小程序本地调试的方法，小程序如何本地调试

对于那些不需要调用类似用户登录这些必须要appid的功能，我们可以直接在创建项目的时候，不填appid，这样小程序就不受合法域名的限制，可以直接访问我们局域网内部的后台。
而对于用户登录、微信支付等这些api，必须要appid，也必须通过腾讯的服务器，这时候我们就必须让我们的后台能被外网访问到，而且在合法域名配置里面，只能是https。一般我们在开发时，肯定都已经买好了外网服务器(比如阿里云ecs)，配置什么的也不是本文重点，本文假设你已经有一台ecs，备案、ssl证书什么的都搞定了。