微信公众号开发测试环境配置

微信公众号开发测试

    • natapp内网穿透
    • phpStudy
    • 微信测试号

natapp内网穿透

natapp下载地址
开启内网穿透教程

内网穿透搭建一个地址,因为127.0.0.1这类地址无法配置安全域名,所以通过内网穿透拿到类似于解析过的地址使用

微信公众号开发测试环境配置_第1张图片

phpStudy

微信公众号开发测试环境配置_第2张图片
以下配置要看你内网穿透映射出来的结果 以及 项目路径
域名:j7nsdj.natappfree.cc
端口:8080 (内网穿透 http://j7nsdj.natappfree.cc 映射到 8080端口)
根目录:vue项目打包之后的dist目录

微信测试号

微信测试号申请

微信公众号开发测试环境配置_第3张图片
微信公众号开发测试环境配置_第4张图片
微信公众号开发测试环境配置_第5张图片
微信公众号开发测试环境配置_第6张图片

配置到这里已经是完成了 可以打开你的项目地址查看了
这里有个缺点就是 每次测试都需要vue打包出dist文件来测试
各位朋友有更好的做法 可以交流一下

你可能感兴趣的:(前端,vue,微信公众号)