微信公众号网页开发 ， 其实就是我们开发的h5网页需要放到微信浏览器环境中使用，但是需要对接公众号授权，授权之后可以获取到用户的个人信息，以及可以使用公众号提供的一些API,如：图片上传、图片预览、获取位置信息、微信扫一扫等功能 。在没有对接正式公众号之前我们可以申请测试公众号来进行开发测试 。下面会分三篇文章详细介绍对接公众号网页开发流程 ， 本篇为公众号前期配置 ， 另外两篇介绍 前端对接微信公众号网页开发流程，授权对接 和 前端对接微信公众号网页开发流程，JSSDK使用，干货满满！
微信公众平台接口测试帐号申请地址（微信公众平台），微信扫码登录即可

文章插图
二.测试号相关配置
登录之后需要配置JS接口安全域名和网页授权获取用户基本信息，并需要扫码关注测试公众号
1.JS接口安全域名配置
a.JS接口安全域名在未对接正式公众号之前我们可以配置本地测试域名，可以自定义域名,只要符合规则就行 。


文章插图
b.配置后将该域名指向本地开发环境 ， 配置路径：C:WindowsSystem32driversetc下的hosts文件


文章插图
c.配置完之后启动本地服务，需要下载http-server，全局执行命令，下面会讲到如何启动
npm install http-server -g2.网页授权获取用户基本信息配置
网页授权获取用户基本信息此处的地址可配置和JS接口安全域名一致


文章插图


文章插图
3.扫码关注测试号
在配置完上面两处信息之后需扫码关注测试号，当然在配置之前关注也可以


文章插图
三、运行本地文件到微信开发者工具
1.本地文件目录


文章插图
【前端对接微信公众号网页开发流程,前期配置怎么做】2.启动本地服务
上面讲到全局安装了http-server，这里就会用到，在文件根目录执行命令,-p80意思是端口号为80
http-server -p80

文章插图


文章插图
3.在微信开发者工具访问
打开微信开发者工具，开发模式调整为公众号网页调试 ， 路径：项目-更换开发模式-公众号网页调试，在地址栏输入配置的域名即可访问本地index.html


文章插图

• 牡丹吊兰有毒吗,心叶日中花有毒吗
• 冰块怎么做不容易化,怎样让冰块保持不融化
• 抖音怎么制作手动翻照片,抖音图集怎么搞成自己翻?
• 中筋粉和高筋粉的区别有哪些,高筋面粉和中筋面粉的区别
• 锂保存在哪里,锂单质存放在哪？
• 老公生日送什么礼物,送老公生日礼物送什么比较有意义
• 炒蚬子用不用焯水,辣炒蚬子 是先煮一下呢 还是直接炒
• 雅泰角鲨烯胶囊的功效,角鲨烯软胶囊的功效与作用
• 海上交通与陆上交通相比,明显的优势有,陆上运输与海上运输的优势各是什么
• 中国五大名酒,中国五大名酒是什么？