微信公众号开发-开发准备

末蓝、 2023-02-14 01:20 2阅读 0赞

一.准备阶段

1.  内网穿透原理：内网穿透的本质就是让外网用户能访问你本地上的应用服务。
2.  内网穿透工具：ngrok     网址：[http://www.ngrok.cc/][http_www.ngrok.cc]
3.  工具下载及其相关配置：进入上面的链接地址之后，点击：客户端下载/Ngrok客户端，根据你自己的电脑选择合适的客户端，楼主这里下载的是windows 64版本

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70][]

4.将下载的压缩包解压，双击运行.bat文件。

![2020053011261474.png][]

启动之后如下所示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70 1][]

二、工具配置

1.  在上面的网址上进行注册，注册之后进入到隧道管理栏。进行开通隧道。用户可以根据自己的实际情况选择服务器。楼主这里选择了免费的服务器（人穷，没办法，别笑我）。
2.  选择之后开通隧道，进行相关的注册配置。具体的配置内容可以根据自己的需要进行填写。如下图所示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70 2][]

3.确定添加，之后进入隧道管理页面。复制隧道ID，将复制的隧道ID添加到之前启动的.bat工具中，测试连接。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70 3][]

连接成功之后，连接状态变为online，如此证明连接成功。如下图所示。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70 4][]

通过上面一通猛如虎的操作之后，用户就可以通过网址（Forwarding行）来访问你本地已经启动的项目了。

[http_www.ngrok.cc]: http://www.ngrok.cc/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200530111843262.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx,size_16,color_FFFFFF,t_70
[2020053011261474.png]: https://img-blog.csdnimg.cn/2020053011261474.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200530112652873.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200530113920158.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200530114443231.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200530114557525.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE2MjYxNDIx,size_16,color_FFFFFF,t_70