主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
微信已经成为我们生活中不可或缺的app。借助这个平台,微信微信官方账号也成为一种主流的线上线下互动营销方式。微信官方账号的开发也成为前端er必不可少的技能之一。
微信官方账号主要分为订阅号和服务号。前者主要是推送消息,为媒体和个人提供传播,后者可以通过微信授权的形式,在微信中为用户提供服务,为企业提供商业服务和强大的用户管理能力。前者基本不涉及前端,所以后者是我们今天主要介绍的。
注册帐户的这一步是第一步。首先,你必须申请一个服务号码。这一步我就不多说了。可以直接去官网申请账号。中间会有一些复习过程,这里就不具体说了。在这个等待过程中,如果你想马上开始开发,可以去微信微信官方账号测试平台申请一个测试号。当然,如果你只是想体验一下,也可以申请一个测试账号来体验一下。
配置环境开发前要做好准备,包括微信微信官方账号的配置,本地开发环境的配置。由于不方便使用公司账号,以下图片示例均来自微信测试微信官方账号。测试号在一个页面里很容易找到,正式配置我就不多说了。
微信官方账号配置本地环境配置在测试微信官方账号中可以授权成功,但是在正式微信官方账号中,如果要实现本地测试,就需要外网接入本地内网,也就是需要实现内网穿透,也就是我们可以将内网的服务器映射到外网供他人访问。还有许多工具,例如
Natapp花生壳utools我用的是工具集utools,所以下面以utools为例——5——点击下载安装,然后点击配置你的本地服务和外网开始使用,这样只需要外网地址就可以直接访问了。微信官方账号中微信调试环境的回调授权需要微信环境,所以我们无法在自己喜欢的chrome中进行调试,这无疑增加了我们找出可恶bug的难度。所以我们需要一个微信开发的神器。在做这一步的时候,需要注意绑定到这个微信官方账号的开发者。
发展1。业务开发编写我们的业务代码。这个和普通页面区别不大,具体就不说了。
2.微信网页的授权有两种。
除了使用snsapi_base进行静默授权,还有其他可以静默授权的。
1.将用户引导至授权页面,以同意授权并获取代码。
2.网页授权access_token的交换代码(不同于基本支持中的access_token)
3.如果需要,开发人员可以刷新web authorization access_token以避免过期。
4.access_token和openid通过网页授权获取用户的基本信息(支持UnionID机制)
前端需要做什么?1.引导用户到授权页面同意授权,并获得代码https://open.weixin.qq.com/connect/oauth2/authorize? APPID = APPID ;重定向URI ;代码 范围=范围 State=STATE#wechat_redirect这是授权页面的链接。用你需要的替换appId,redirect_uri和scope。范围是上面提到的两种不同的授权。!!!需要注意的是,由于state使用的是hash路由,有一个#,前端帧默认为Hash路由,会造成冲突,所以需要进行encode处理。如果用户同意授权,页面会跳转到redirect_uri/?代码=代码 州=州.下图显示了范围等于snsapi_userinfo时的授权页面:
这时候我们只需要把我们的代码传到后台,前端不需要做下面的步骤。
使用JSSDK的步骤有时候我们也需要使用SSDK,所以需要对其进行配置。
绑定域名就是上面的JS接口安全域名设置,
介绍JS文件向需要调用JS接口的页面介绍以下JS文件,(HTTPS支持):res.wx.qq.com/open/js/jwe…
为进一步提高服务稳定性,当上述资源无法访问时,可以访问res2.wx.qq.com/open/js/jwe……(支持https)。
通过config接口注入权限验证配置wx . config({ debug:true,//开启调试模式,所有被调用API的返回值都会在客户端进行告警。要查看传入参数,可以在pc端打开,参数信息会通过log录入,只在pc端打印。appId: # 39;',//必选,微信官方账号的唯一标识符,时间戳:,//必选,时间戳non centr: # 39;',//必需,生成随机字符串签名: # 39;',//必选,有符号jsApiList: [] //必选,要使用的JS接口列表});复制代码jsApiList来写你需要的函数。可以看看官方的JS接口列表。AppID,timest,noncestr,signature需要你的后端合作伙伴返回给你。
请注意:
调用微信接口然后调用微信接口in ready就可以了。以检测js接口为例。
wx . ready(function(){//ready方法将在验证config的信息后执行。所有的接口调用必须在获得配置接口的结果后进行。Config是客户端的异步操作,所以如果需要在页面加载时调用相关接口,必须在ready函数中调用相关接口,以保证正确执行。对于只在用户触发时调用的接口,可以直接调用,不需要放在ready函数中。wx . check jsapi({ jsapi list:[ # 39;选择图像 # 39;],//待检测JS接口列表成功:function(res) {//作为键值对返回,可用api值为true,不为false //如:{ 检查结果 :{ 选择图像:true}, errMsg : check jsapi:ok ;} } });});其实只要前端授权复制代码,后面的jssdk就很简单了。
以上是微信官方账号的介绍详情。请多关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- 关于小程序与公众号跳转(小程序内跳转至公众号)
- 公众号可以和小程序同名吗?
- 订阅号和微信官方账号有什么区别(订阅号和微信官方账号一样吗)?
- 微信微信官方账号/小程序如何跳转外链?方法介绍(微信微信官方账号在小程序中添加跳转链接)
- 让我们看看你的颜值有多高!基于python开发的微信官方账号(Python微信官方账号开发)
本文由主机参考刊发,转载请注明:微信官方账号介绍(初学微信微信官方账号) https://zhujicankao.com/75426.html
评论前必须登录!
注册