《微信公众平台与小程序开发——从零搭建整套系统》第6章 微信网页开发

本文详细介绍了微信网页开发,包括微信网页授权原理与流程,如OAuth2.0鉴权机制、网页授权注意事项和授权流程。此外,还探讨了微信网页多域名授权的解决方案,并通过实例展示了如何实现授权。最后,讨论了微信JS-SDK的接入准备和接口使用,如预览图片和分享功能。

网页是公众号承载服务和信息的主要载体之一,结合现在流行的HTML5和CSS3技术,可以在公众号承载的网页中创造出更多体验更佳的服务。在微信浏览器环境中的网页,可以通过WeixinJSBridge等技术,结合微信JS-SDK提供原生API的访问能力,同时也可以直接使用微信分享、扫一扫、卡券和微信支付等微信特有的功能,为微信用户提供更加优质的网页体验服务。

本章主要介绍和微信网页开发相关的技术性问题,包括微信网页授权和微信JS-SDK的使用,分析微信公众号网页开发现存的问题,并给出参考性解决方案和思路。

用户在微信客户端访问第三方网页时,公众号可以通过微信提供的网页授权机制来获取用户的基本信息,例如OpenID、昵称、头像和性别等信息,进而实现业务逻辑。其中的OpenID信息特别有用,它可以让开发者识别同一个微信用户,实现基于微信号的账户体系,也可以和现有的账户体系打通,进而实现微信公众号用户与现有站点用户的账户互通。微信提供的网页授权功能,为开发者提供更多优质服务创造了可能。

微信网页授权基于OAuth2.0鉴权体系,经过用户主动的同意授权之后,就可以拿到微信用户的基本信息。业界主流的开放平台,都是采用OAuth2.0鉴权机制来授权第三方开发者获取用户的基本信息。

在做微信网页授权之前,需要先了解几个关于授权的概念。

  • 网页授权作用域scope:微信网页授权的作用域分为snsapi_base和snsapi_userinfo两种。
注:由于该资源较大,故分为两个部分上传,资源共10积分,两个压缩包平均5积分。需要两部分同时下载,同时解压才能获得完整资源。(该部分为part1,part2也已上传至我的资源,可在我主页内下载) 本资源是《微信公众平台小程序开发搭建系统》高清PDF扫描版。该书由张剑明著,中国工信出版集团和人民邮电出版社联合出版,有需要的小伙伴可以下载学习参考。 本书目录如下: 第1 微信生态 1.1 微信:是一个生活方式 1 1.2 微信公众平台 6 1.2.1 公众平台简介 6 1.2.2 服务号和订阅号 7 1.3 企业号 8 1.4 小程序 8 1.5 微信开放平台 9 1.6 微信支付 10 1.7 表情开放平台 12 1.8 微信广告 12 1.9 小结 13 第2 开发环境及技术介绍 2.1 集成软件包介绍 14 2.2 XAMPP的安装配置 15 2.3 PhpStorm的安装及配置 20 2.4 相关技术介绍 23 2.4.1 HTTP 23 2.4.2 HTML5 25 2.5 小结 26 第3 开发前的准备 3.1 开发概述 27 3.1.1 OpenID 27 3.1.2 公众号使用场景 28 3.2 公众号消息会话流程 30 3.3 接入指南 31 3.4 接口权限及调用频率 33 3.5 微信网页开发样式库 35 3.6 小结 37 第4 常用调试方法及工具 4.1 微信测试号 38 4.2 接口在线调试 41 4.3 微信Web开发者工具 42 4.3.1 微信网页授权调试 43 4.3.2 JS-SDK权限校验 45 4.3.3 网页远程调试 45 4.4 前端调试工具 46 4.4.1 谷歌浏览器开发者工具 48 4.5 移动端抓包调试 50 4.5.1 Charles抓包工具 55 4.6 小结 56 第5 基于CodeIgniter的微信公众平台开发框架 5.1 CodeIgniter简介 57 5.2 工程代码改造 59 5.3 微信公众号开发配置 60 5.4 小结 63 第6 微信网页开发 6.1 微信网页授权原理 64 6.1.1 网页授权注意事项 65 6.1.2 网页授权流程 66 6.2 微信网页授权实例 67 6.3 微信网页多域名授权 74 6.3.1 原理分析 74 6.3.2 代码实现 76 6.4 微信JS-SDK 78 6.4.1 接入准备 79 6.4.2 JS-SDK接口实例 80 6.5 小结 85 第7 微信支付 7.1 微信支付接入方式 86 7.2 微信支付准备工作 88 7.3 微信支付实践 89 7.3.1 示例代码解析 90 7.3.2 支付示例 91 7.3.3 支付结果通知 96 7.4 聚合支付 99 7.4.1 聚合支付接入示例 101 7.5 小结 105 第8 微信登录 8.1 微信开放平台 107 8.1.1 UnionID机制 108 8.2 微信自动登录 109 8.2.1 数据结构设计 110 8.2.2 代码实现 112 8.2.3 使用UnionID登录 117 8.2.4 如何应用到现有站点 118 8.3 小结 120 第9 微信小程序 9.1 小程序简介 121 9.2 开发环境及框架 122 9.2.1 开发配置 125 9.2.2 HTTPS配置 126 9.3.1 iOS/Android开发者 129 9.3 如何着手开发小程序 129 9.4 页面生命周期 130 9.3.2 前端开发者 130 9.3.3 后端开发者 130 9.5 小程序组件和API 134 9.6 小程序登录 134 9.7 小程序微信支付 140 9.8 小结 145 第10 案例:第一个echo server程序 10.1 接入开发者模式 146 10.2 消息响应 147 10.2.1 公众号会话保存Session 153 10.3 自定义菜单 154 10.4 小结 157 第11 案例:微信随手记 11.1 需求描述 159 11.2 数据库设计 159 11.3 代码实现 161 11.3.1 添加主题 161 11.3.3 主题查看 163 11.3.4 图片下载 166 11.3.5 图片预览 169 11.3.6 聊天机器人 170 11.3.7 入口函数 174 11.4 运行效果 175 11.5 小结 177
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

人民邮电出版社有限公司

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值