微信公众号页面如何本地开发

微信公众号页面如何在线调试

朋友之前微信公众号代码但是最近忙没时间进行下一步开发,我就只能自己部署环境搞了

目前的问题就是不知道怎么部署到本地
了解到需要穿透

img

cmd也测试了一下

img


然后就是这个报错

img


人家说没有配114,114我也配好了

img


然后我自己的代码微信代码配置是

img

img

img

还有nginx的配置

img

憋了好几天,头发都快秃了
大伙给点建议呗,谢谢了
对了,这是微信开发工具的页面

img

  1. 安装一个HTTP服务器,例如Apache或Nginx。
  2. 在本地服务器上创建一个项目文件夹,并在其中编写页面代码。
  3. 在本地服务器上配置一个域名,将其映射到项目文件夹。
  4. 在微信公众平台后台设置JS接口安全域名,以允许微信的JS-SDK加载。
  5. 在微信开发者工具中,添加项目并设置服务器配置,以使用本地服务器作为开发环境。

小兔的方法可以一试,应该问题不大

用frp内网穿透工具

根据您描述的问题,需要在本地开发微信公众号,要本地调试比较方便,这里你就需要使用到内网穿透技术。内网穿透就是NAT穿透,在处于使用NAT设备的私有TCP/IP网络中的主机建立连接,通过端口映射,让外网的电脑找到处于内网的电脑。

解决方法是,你可以网上找个内网穿透的软件,有很多,比如花生壳,然后根据文档教程(每个软件的操作不一样,这里就不细讲),最后都会生成一个外网地址,用生成的外网地址就可以直接访问到本地地址了就可以了。然后把这个外网地址放到微信公众平台测试号上就可以了。

还是我自己的一些配置没有弄对

当时我也遇到了这种问题,在本地开发中,使用webpack-dev-server,一般在localhost:port进行访问。在开发者工具中亦然。但是因为域名认证的问题,在wx.config()的时候会报错误(系统错误,错误码:40048,invalid url domain)。这是因为访问的域名跟appid所对应的安全域名有出入,所以配置失败。

那么,我们如果通过某种方式,访问一个安全域名,同时操作该访问指向本地开发环境,那么在开发者工具中是否能够通过配置呢?

这里想到了反向代理,通过在本地建立一个代理机制,当我们在访问域名的时候,将该域名的访问代理到我们本地,而不是放出去到真实的网络环境里。

于是又马上想到了nginx,但是nginx需要将系统的hosts更改,并且做大量细致的配置编写,这种模式在基础较差的前端团队中并不适合大规模推广。于是推荐你用Charles。