前端对接微信公众号网页开发流程,前期配置-程序员宅基地

技术标签: 前端  微信  微信公众号  javascript  

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

一.申请测试公众号

微信公众平台接口测试帐号申请地址,微信扫码登录即可
在这里插入图片描述

二.测试号相关配置

登录之后需要配置JS接口安全域名网页授权获取用户基本信息,并需要扫码关注测试公众号

1.JS接口安全域名配置
a.JS接口安全域名在未对接正式公众号之前我们可以配置本地测试域名,可以自定义域名,只要符合规则就行。
在这里插入图片描述

b.配置后将该域名指向本地开发环境,配置路径:C:\Windows\System32\drivers\etc下的hosts文件
在这里插入图片描述
c.配置完之后启动本地服务,需要下载http-server,全局执行命令,下面会讲到如何启动

npm install http-server -g

2.网页授权获取用户基本信息配置
网页授权获取用户基本信息此处的地址可配置和JS接口安全域名一致
在这里插入图片描述
在这里插入图片描述
3.扫码关注测试号
在配置完上面两处信息之后需扫码关注测试号,当然在配置之前关注也可以
在这里插入图片描述

三、运行本地文件到微信开发者工具

1.本地文件目录
在这里插入图片描述
2.启动本地服务
上面讲到全局安装了http-server,这里就会用到,在文件根目录执行命令,-p80意思是端口号为80

http-server -p80

在这里插入图片描述
在这里插入图片描述

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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37332614/article/details/128588496

智能推荐

有关大数据的误区:数据统计≠大数据_大数据是不是是以经发生过的事情-程序员宅基地

文章浏览阅读545次。关于大数据的误区:数据统计是已经发生的事情,而大数据往往被用于还没有发生的事情预测或者推荐中,二者不能划等号。不过,无论数据统计也好,大数据也罢,都是为了使工作变得更为有效,让决策更为理性而准确。大数据太火了,被广泛应用到各行各业,而近阶段又有着明显的过热迹象。大数据到底是一个营销词汇,还是一个方法论?本文作者老李正是一家大数据服务提供商的资深员工,他所做的项目就是针对不同行业_大数据是不是是以经发生过的事情

搭建企业线上培训系统_线上培训平台部署架构-程序员宅基地

文章浏览阅读593次。企业线上培训系统的出现,一些集团公司的内部例会,决策会议或培训会议,可以通过线上统一进行,不再需要集中企业所有员工到指定地点培训。普通企业可以在外网租用线上培训系统,而对于一些涉密单位数据如何保障安全?企业线上培训系统根据网络环境有不同的部署方式,哪种部署更适合自身需求呢?1、纯内网部署企业线上培训系统,部署在防火墙内,供企业内部培训使用企业这样部署在线培训系统,所有数据都内网服务器上,丢失风险低,安全性高,并且内网网络带宽可以得到保障。连通宝采用软硬一体的部署方式,稳定性也可以得到保障。_线上培训平台部署架构

JS解构赋值-程序员宅基地

文章浏览阅读1.3w次,点赞24次,收藏42次。解构赋值语法是一种 Javascript 表达式。通过解构赋值,可以将属性/值从对象/数组中取出,赋值给其他变量。本文将讨论解构赋值的作用与其用法。_js解构赋值

21:单词替换_b2135 单词替换-程序员宅基地

文章浏览阅读665次。描述输入一个字符串,以回车结束(字符串长度<=100)。该字符串由若干个单词组成,单词之间用一个空格隔开,所有单词区分大小写。现需要将其中的某个单词替换成另一个单词,并输出替换之后的字符串。输入输入包括3行,第1行是包含多个单词的字符串 s;第2行是待替换的单词a(长度 <= 100);第3行是a将被替换的单词b(长度 <= 100).s, a, b 最前面和最后面都没有空格.输出输出只有 1 行,将s中所有单词a替换成b之后的字符串。样例输入You want som_b2135 单词替换

Android客户端线上BUG收集、反馈及定位_bug的ower是谁指的是什么意思-程序员宅基地

文章浏览阅读5.7k次。1. 线上BUG来源用户反馈用户反馈由运营或者客服或PD童鞋进行收集,对集中反应比较多的问题反馈到项目组及相关童鞋,对体验不好的地方进行产品改进。回归测试每周服务端预发和上线以后,在客户端进行回归测试工作,现在是由专门的童鞋进行回归,以后的方向是自动化回归。_bug的ower是谁指的是什么意思

[Leedcode][JAVA][第22题括号生成][DFS][BFS][动态规划]_括号生成22java-程序员宅基地

文章浏览阅读245次。【问题描述】22. 括号生成数字 n 代表生成括号的对数,请你设计一个函数,用于能够生成所有可能的并且 有效的 括号组合。示例:输入:n = 3输出:[ "((()))", "(()())", "(())()", "()(())", "()()()" ]【解答思路】左括号数量需要一直大于..._括号生成22java

随便推点

图像分割FCN全卷积神经网络_cloudfcn-程序员宅基地

文章浏览阅读1.4k次。FCN全卷积神经网络是图像分割的基础网络FCN实现了端到端的网络,输入mxm图像,输出为mxmxc的图像,其中c代表种类。思想概述FCN叫做全卷积神经网络,顾名思义所有曾都是卷积层!也就是抛掉了全连接层,这是第一个改变;再者卷积神经网络卷到最后特征图尺寸越来越少,分辨率比较小,不适合我们做图像分割,好,这里引入一个上采样的做法,卷积完之后再上采样到大尺寸图;网络又考虑层数不断叠加后原图的信息..._cloudfcn

前端页面制作思路_前端页面设计的思路-程序员宅基地

文章浏览阅读3.7k次,点赞2次,收藏5次。项目中css的页面布局,需要屡顺一下思路,在继续下面的学习。温故而知新!W3C标准:是万维网制定的一系列标准,包括结构化标准语言(html、xml),表现标准语言(css),行为标准语言(DOM,ECMAScript)组成。这个标准倡要将结构,样式,行为分离。在网页制作中,面对设计图,网页制作人员一般要遵循的原则:先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html..._前端页面设计的思路

扫地机器人-二分+贪心-程序员宅基地

文章浏览阅读120次。最大什么的最小值,最小什么的最大值就是二分。

计算机组成原理知识复习:_计算机组成原理sm信号是什么-程序员宅基地

文章浏览阅读35次。计组,知识点归纳_计算机组成原理sm信号是什么

关于vector的使用说明-程序员宅基地

文章浏览阅读843次,点赞13次,收藏23次。关于vector在实际运用中的一些说明

【noVNC】使用noVNC实现浏览器网页访问vnc(基于web的远程桌面)_网页 vnc-程序员宅基地

文章浏览阅读1.4k次,点赞14次,收藏21次。vnc novnc_网页 vnc

推荐文章

热门文章

相关标签