使用NATAPP搭建本地服务器调试微信小程序

川长思鸟来 2023-06-24 04:58 3阅读 0赞

开发微信小程序的过程中，想要利用微信公众号的接口做一个卡券推送功能，去到微信公众号发现需要申请测试号，而且对服务器有要求。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70]那咋办嘛，我没自己的服务器。于是想到了用NATAPP搭建一个本地服务器暂时来做功能调试，过程如下：

1.  访问地址：[https://natapp.cn/][https_natapp.cn]
2.  注册/登录
3.  购买免费隧道  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 1]
4.  购买隧道要求进行实名认证，并绑定到支付宝。
5.  然后来到购买的免费隧道的配置信息填写，信息配置如下，点击“免费购买”。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 2]
6.  购买成功，显示购买的隧道信息。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 3]需要记住的是这里的autotoken，在后面配置信息的时候需要用到。
7.  回到首页的“立即下载”，根据自己的操作系统情况下载NATAPP，我这里选择的是WindowsX64，解压到任意目录，得到natapp.exe  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 4]![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 5]
8.  下载config.ini配置文件，地址[https://natapp.cn/article/config\_ini][https_natapp.cn_article_config_ini]，或者新建conf.ini，直接复制以下代码（windows用户）。

#将本文件放置于natapp同级目录 程序将读取 [default] 段
    #在命令行参数模式如 natapp -authtoken=xxx 等相同参数将会覆盖掉此配置
    #命令行参数 -config= 可以指定任意config.ini文件
    [default]
    authtoken=                      #对应一条隧道的authtoken
    clienttoken=                    #对应客户端的clienttoken,将会忽略authtoken,若无请留空,
    log=none                        #log 日志文件,可指定本地文件, none=不做记录,stdout=直接屏幕输出 ,默认为none
    loglevel=ERROR                  #日志等级 DEBUG, INFO, WARNING, ERROR 默认为 DEBUG
    http_proxy=                     #代理设置 如 http://10.123.10.10:3128 非代理上网用户请务必留空

然后将config.ini文件放在natapp.exe同级的目录下。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 6]

1.  修改配置文件的autotoken为我们刚才购买的免费隧道的autotoken。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 7]
2.  启动natapp.exe，出现下图表示配置成功。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 8]其中：  
    Tunnel Status Online 代表链接成功  
    Version 当前客户端版本,如果有新版本,会有提示  
    Forwarding 当前穿透网址或者端口  
    Web Interface 是本地Web管理界面,可在隧道配置打开或关闭,仅用于web开发测试  
    Total Connections 总连接数  
    Avg Conn Time 0.00ms 这里不代表,不代表,不代表 延时,需要注意!
3.  启动你本地的服务器，对应上面配置的本地端口80，然后在浏览器中输入natapp分配的网址(上图Forwarding )，查看资源是否访问成功。  
    ![在这里插入图片描述][20191220200722122.png]  
    可以看到内网穿透成功了！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191220190616217.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[https_natapp.cn]: https://natapp.cn/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191220200246453.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191220192150589.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191220192326911.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20191220193502447.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20191220194245140.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[https_natapp.cn_article_config_ini]: https://natapp.cn/article/config_ini
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20191220194628591.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20191220195158576.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20191220195503115.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpaXNhYnV0Y2hlcg==,size_16,color_FFFFFF,t_70
[20191220200722122.png]: https://img-blog.csdnimg.cn/20191220200722122.png