微信怎么制作网页宣传(前端对接微信公众号网页开发流程，前期配置)
Posted
篇首语：有上不去的天，没过不去的关。本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信怎么制作网页宣传(前端对接微信公众号网页开发流程，前期配置)相关的知识，希望对你有一定的参考价值。
微信怎么制作网页宣传(前端对接微信公众号网页开发流程，前期配置)
微信公众号网页开发，其实就是我们开发的h5网页需要放到微信浏览器环境中使用，但是需要对接公众号授权，授权之后可以获取到用户的个人信息，以及可以使用公众号提供的一些API,如：图片上传、图片预览、获取位置信息、微信扫一扫等功能。在没有对接正式公众号之前我们可以申请测试公众号来进行开发测试。下面会分三篇文章详细介绍对接公众号网页开发流程，本篇为公众号前期配置，另外两篇介绍 前端对接微信公众号网页开发流程，授权对接 和 前端对接微信公众号网页开发流程，JSSDK使用，干货满满！
一.申请测试公众号
微信公众平台接口测试帐号申请地址（微信公众平台），微信扫码登录即可
二.测试号相关配置
登录之后需要配置JS接口安全域名和网页授权获取用户基本信息，并需要扫码关注测试公众号
1.JS接口安全域名配置
a.JS接口安全域名在未对接正式公众号之前我们可以配置本地测试域名，可以自定义域名,只要符合规则就行。
b.配置后将该域名指向本地开发环境，配置路径：C:\\Windows\\System32\\drivers\\etc下的hosts文件
c.配置完之后启动本地服务，需要下载http-server，全局执行命令，下面会讲到如何启动
npm install http-server -g2.网页授权获取用户基本信息配置
网页授权获取用户基本信息此处的地址可配置和JS接口安全域名一致
3.扫码关注测试号
在配置完上面两处信息之后需扫码关注测试号，当然在配置之前关注也可以
三、运行本地文件到微信开发者工具
1.本地文件目录
2.启动本地服务
上面讲到全局安装了http-server，这里就会用到，在文件根目录执行命令,-p80意思是端口号为80
http-server -p80
3.在微信开发者工具访问
打开微信开发者工具，开发模式调整为公众号网页调试，路径：项目-更换开发模式-公众号网页调试，在地址栏输入配置的域名即可访问本地index.html
相关参考
淘宝在微信中有了新入口阿里和腾讯，这两大互联网巨头终于联手赚钱了。近日，电商报发现，淘宝在微信中又多了一个新的流量入口。具体来说，这个入口在微信公众号文章的底部广告位，在点击该位置的淘宝推荐广告之后，...
手机上怎么制作微信网页(微信电脑版测试“浮窗”功能，实现手机电脑微信操作无缝衔接)
微信的浮窗功能自去年五月份上线以来，几经更新，从开始的时候单个浮窗，到现在形成了最多5个浮窗这样的形态，功能也在不断的进化当中，现在可以呈现公众号的文章、小程序、收藏的文件和音乐播放等，几乎无所不包，...
微信电影网页怎么建立(全流程助力影视创作者，打造完整视频拍摄制作闭环)
项目周期长，成员管理易混乱，项目文件多，管理费时费力?多地远程拍摄，但远程监看、后期制作等协同困难，项目执行难度大！传统审片方式总是需要人员到齐，长时沟通还易出错，严重影响项目推进！在与用户名的密切交...
微信投票刷投票(微信投票活动怎样植入到公众号菜单栏或关键词回复中？)
...一，能够吸引到更精准的粉丝和流量进行转化。那如何将微信投票活动植入到公众号菜单栏，实现宣传更大化呢？方法如下：1.自定义菜单栏在微信公众平台左侧功能区点击自定义菜单出现下面这个界面后，添加或修改菜单名称...
开发微信公众号(微信公众号开发快速入门：5个步骤搞定和微信公众号的对接)
如果你正在完成自己的业务平台和微信公众号对接，需要了解对接框架和一些技术方向，可以看看这篇文章，否则请转身，哈哈。如果说哪家做流量业务的能绕过微信公众号和小程序，那我...还真是不知道说啥好，今天，咱们就...
微信公众号认证和不认证的区别(「前端」微信公众号-公众号介绍)
一、微信账号介绍个人号：普通用户之间的交流和通讯公众号：微信公众号主要面向名人、政府、媒体、企业等机构推出的合作推广业务。在这里可以通过微信渠道将品牌推广给上亿的微信用户，减少宣传成本，提高品牌知名度...
...网SEO推广头疼的时候，移动端h5微网站异军突起，它基于微信朋友圈迅
微信上的商家小程序(微信小程序制作流程——新手商家一定要知道的入门小知识)
微信小程序，基于微信9.63+亿用户，1200万微信公众号，在微信生态形成完美闭环，我们已经习惯每日打开微信进行我们一天的工作与生活，而随着用户习惯的变更，微信端的开发逐渐取代pc端。而微信小程序的出现，正好满足了...
...截图或直接下载下来，如果是用手机保存的话，需要通过微信或者其他方式发送到电脑里保存。第二步点击下方图片前往缩链（suolink.cn）并登录到后台。第三步点击场景应用，再点击图片推广，然后将第一步保存的二维码上传...
第一步：申请微信小程序账号，并认证第二步：开通微信支付商户号第三部：设计微信小程序样式第四步：测试微信小程序，并提交微信审核上线第一步，申请微信小程序账号，并认证第二步，开通微信支付商户号微信小程序想...