微信小程序开发调试介绍 花生壳提供开发调试解决方案

在微信小程序开始学习与开发的过程中，总有一些东西，想看看它跑起来的内容与我们编程时想的是否一致，于是就想到了能不能单步调试或者打出一些我们想要的变量的内容，以便我们做进一步的开发调试，现在我就要介绍下微信小程序的一般用到的调试方法和打印日志以及看到变量里面的运行值。

开发调试的一般方法

第一步：打断点，我们必须在我们想要它停下来的地方打上调试断点，点击微信开发者工具的左侧的“调试”tab,然后选择中间窗口中的”Sources”Tab，在Sources页中点开”Top”根节点，层层打开，找到自己想要调试的js文件，一般是打那种.js后面带[sm]，如index.js[sm]，非index.js，当然这里之后想修改内容不能在”调试”模式下修改，而要转到”编辑”模式，之前我老容易犯这个错误，打开index.js[sm]文件后，点击左边的行上的数字，就会由灰色背景变成蓝色背景，这样断点就打好了，(如果不想要了，也可以点击就会取消)。
第二步：运行，首先点击编译上面的那个运行小图标(或者快捷键ctrl+b)，然后操作到你想要的那个界面或者触发某个动作，程序自动会跑到断点处代码。
第三步：单步调试，按调试器窗口(debugger)的向下箭头(step into nextfunction call)，一步步的可以往下调试，如果想跳到下一个断点，就按调试器窗口的类似于播放的小按钮,英文叫resume script execution，快捷键为F8或者Ctrl+\。
如果想看调试中变量的运行值怎么办？有许多办法，这里以查看上个界面传来的options变量值为例
办法1：让鼠标指针放在变量上，他会有提示框，框内就是变量值。
办法2:使用console.log(options);打印出来，在console窗口可以查看。
方法3：在调试器窗口，点开Scope标签，然后再点开相应变量。

花生壳提供开发调试解决方案

花生壳开发调试解决方案打造纯粹的开发仿真环境、深度学习模型，打破局域网限制，实现跨平台开发。

场景痛点
局域网限制，代码程序放置在内网，开发环境无法延展至外网；
服务器费用高，传统解决方案需租赁服务器，个人负担成本重、性价比低；
DIY要求多样，开发环境和语言多种多样，迫切需要适配性高的方案。
方案部署
1、在服务器或主机安装花生壳客户端
2、根据服务器内网IP和端口添加映射，将内网映射至外网完成内网穿透
3、通过生成的外网访问地址即可访问至服务器的内容模拟真实环境下的程序调试
花生壳开发调试解决方案优势
无需公网IP： 支持公网与内网IP
部署成本低： 免费使用，按需开通配件
适配性高： 支持TCP、UDP协议及多种系统
相关产品
花生壳8、客户端、花生壳服务。
实现价值
高效远程学习；提升职业价值；挖掘职业追求。

花生壳微信开发调试案例分享
下面我们来看下具体的操作步骤：

1. 局域网搭建站点
   首先，你在本地要有一个可以运行的网站，如果没有，需要自己新建一个Web项目，例如我在局域网内部服务器搭建了一个IIS站点，然后运行起来。
   通过局域网IP的80端口访问成功。
   2.花生壳设置端口映射
   ①登录oray.com，注册一个花生壳账号，并且开通内网穿透服务；
   ②下载花生壳客户端工具，并安装；
   ③输入注册好的花生壳账号密码登录；
   ④点击内网穿透，会跳转到花生壳管理页面；
   ⑤点击内网穿透——新增映射；
   ⑥根据页面提示，填写好局域网服务器IP及端口号，这里选择的映射类型是网站类；
   ⑦映射完成，会生成一个外网访问地址；
   这时我们在外网使用这个地址能准确访问到搭建的Web站点。
2. 注册申请公众号
   我们作为个人开发者，是无法向腾讯申请服务号的，不过有一个方法，这个是为个人开发者准备的测试账号。通过这个测试账号，我们同样可以获得微信服务号的所有功能和接口权限。
   首先打开申请地址：
   http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
   在这里，只需打开微信扫码一下，就立马申请成功了。
   在微信管理后台这里，页面左上方的就是分配到的微信号，下面还有个接口配置信息，要求填入URL及Token。
   最底部有个二维码，直接扫一扫就可以关注这个测试公众号了。
   点击关注后，我们可以在订阅号里面找到这个公众号。
   大家请注意，虽然放在了订阅号里面，但是该测试号基本上可以调用微信平台所有的高级接口（见“可使用接口类别列表”），所以我们的这个测试号对我们是够用的。
   微信平台调用我们网站是通过配置网站的URL和Token来实现的，在上面的图中，接口配置有填写的URL及Token的选项。
   接下来，我们只需要将花生壳生成的外网访问地址填写到URL里面，Token是自己随意输入一个字符串，主要用于校验。
   点击提交，环境配置完成！外网用户就可以随时随地通过关注微信公众号查看到你搭建的站点以及发送的消息了。
   通过花生壳（内网穿透）版本，无需高成本获取固定公网IP，也无需宽带分配真实动态公网IP，赠送已备案壳域名，只需轻松几步，就能将局域网内搭建的网站服务通过80端口发布到外网，自然申请微信公众号也是畅通无阻了！