公众号开发 第三章

生成场景二维码

• 场景二维概述
  为了满足用户渠道推广分析和用户帐号绑定等场景的需要，公众平台提供了生成带参数二维码的接口。使用该接口可以获得多个带不同场景值的二维码，用户扫描后，公众号可以接收到事件推送。

• 场景二维码作用
  解决关注时来源问题

• 使用的场景

  • 加盟
  • 活动场景
  • 分销系统

• 目前有2种类型的二维码

  • 临时二维码，是有过期时间的，最长可以设置为在二维码生成后的30天（即2592000秒）后过期，但能够生成较多数量。临时二维码主要用于帐号绑定等不要求二维码永久保存的业务场景
  • 永久二维码，是无过期时间的，但数量较少（目前为最多10万个）。永久二维码主要用于适用于帐号绑定、用户来源统计等场景。

• 生成临时和永久二维码

  
  
  微信公众号开发_031076.png
  
  
  

  微信公众号开发_031078.png
  
  
  微信公众号开发_031080.png
  
  
  微信公众号开发_031082.png

  https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1443433542
  

  • 步骤
    1、 获取ticket(凭据)
    2、通过ticket(凭据)换取二维码图片资源
    3、保存二维码图片资源到本机

• 三级分销

  • 表设计

    
    
    微信公众号开发_031097.png
    
    
    

    微信公众号开发_031099.png

  • 代码

    
    
    微信公众号开发_031127.png
    
    

    用户新关注时，入库，根据场景值来进行入库

    
    
    

    微信公众号开发_031135.png
    
    数据库数据

微信语音识别

就在关注者在公众号里面说一句话语音，公众号接收到用户的语音并返回对应的文字。据测试，微信语音识别功能，准确率还是挺好的，当然针对的是普通话。

• 微信语音识别开启
  公众号后台对应的api列表中，点击相应的按钮，来开启语音识别功能。

  • 注：对新关注者，立刻生效，对已关注者，24小时之内生效，对已关注都取消关注再次关注，也需要等待。

  • 开启微信公众号的语音识别

    
    
    

    微信公众号开发_031328.png
    
    
    

    微信公众号开发_031330.png

• 接受语音识别结果

  
  
  

  微信公众号开发_031345.png
  
  

  如果开启了语音识别结果，则在原有的语音接受消息 voice 事件中的xml节点将多一个节点: Recognition

  
  
  

  微信公众号开发_031406.png
  
  
  微信公众号开发_031408.png
  
  
  微信公众号开发_031410.png
  
  
  

  微信公众号开发_031412.png

微信LBS

• LBS：基于位置的服务
  它是通过网络定位或是外部定位方式(如GPS)获取终端用户的位置信息(经纬度)，根据位置(经纬度)为用户提供相应服务的一种增值业务。

• 微信LBS开启

  
  
  

  微信公众号开发_031525.png
  
  
  

  微信公众号开发_031527.png
  
  
  

  微信公众号开发_031528.png
  
  

  开启微信获取用户位置服务

• 接受用户位置

  
  
  微信公众号开发_031541.png
  
  
  微信公众号开发_031543.png
  
  
  微信公众号开发_031545.png

• 存储位置入库
  修改用户表中的字段，添加经纬度字段

  
  
  微信公众号开发_031580.png
  
  
  微信公众号开发_031582.png
  
  
  

  微信公众号开发_031584.png

整合高德位置服务

• 基于高德开放平台，来基于位置的服务。

• 高德开发平台

  
  
  

  微信公众号开发_031683.png

https://lbs.amap.com 

• 注册账号

  
  
  

  微信公众号开发_031696.png
  
  
  

  微信公众号开发_031698.png
  
  

  根据开放平台，所提示消息，进行一步步的资料的完成。
  注册成功后，进行登录进入到高德开放平台控制台界面中

  
  
  

  微信公众号开发_031752.png

• 添加apikey
  填写用户名和密码进行登录后，进入后台控制界面

  
  
  

  微信公众号开发_031792.png
  
  
  

  微信公众号开发_031794.png
  
  
  

  微信公众号开发_031796.png
  
  
  

  微信公众号开发_031798.png
  
  
  

  微信公众号开发_031800.png
  
  
  

  微信公众号开发_031802.png
  
  

  有了APIKEY值，我们就可以进行相关的业务代码的编写。
  点击进入开发文档

  
  
  

  微信公众号开发_031842.png
  
  
  

  微信公众号开发_031844.png
  
  
  

  微信公众号开发_031846.png
  
  根据测试的账号，我们得知需要一个apikey值
  
  微信公众号开发_031872.png

• 整合高德周边搜索到公众中

  • 周边服务api地址

  https://lbs.amap.com/api/webservice/guide/api/search/#around 
  

  • emoji表情

    
    
    微信公众号开发_032147.png

 http://www.sitemap-xml.org/editor/emoji

• 实现代码

  
  
  微信公众号开发_032155.png

• 效果

  
  
  

  微信公众号开发_032160.png

• 小结

  • 在后台开启获取位置服务，选5s获取一次
  • 在事件获取位置的接受处理中，把位置入库
  • 注册位置提供的开放平台(高德),得到api接口地址和apikey
  • 在公众号中进行关键词回复功能中添加相关的业务代码
  • 可以让回复的文本更加的优美，用于emoji表情

网页授权

• 概述
  公众号后台可以通过设置授权域名，然后通过此域名生成相应的链接，分享到朋友圈，好友等，后用户通过微信客户端来点击访问此链接，公众平台就可以获取用户基本信息，进而实现业务逻辑。

• 应用场景

  • 问卷调查
  • 抽奖
  • 购物车
  • 如果openid和用户和密码，直接登陆

• 网页授权原理图
  OAuth2.0鉴权

  
  
  微信公众号开发_032457.png

• 设置微信授权域名

  
  
  

  微信公众号开发_032472.png
  
  
  

  微信公众号开发_032474.png

• 网页授权开发工具

为了帮助开发者简单和高效地开发和调试微信公众号，推出了全新的 微信开发者工具，集成了公众号网页调试和小程序调试两种开发模式。

• 下载地址

  
  
  

  微信公众号开发_032718.png
  
  
  

  微信公众号开发_032720.png
  
  
  微信公众号开发_032722.png

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

• 微信授权代码实现

  
  
  

  微信公众号开发_032885.png

https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

base此权限只能获取用户的openid而得不到用户的基本信息，授权是无感，不需要用户确认就可以完成授权，静默方式。
userinfo 可能获取openid和用户的基本信息，需要用户确认。

微信公众号开发_032982.png

• 获取code值

  
  
  微信公众号开发_032998.png
  
  
  

  微信公众号开发_033000.png
  
  
  

  微信公众号开发_033002.png
  
  

  在服务器中编写生成跳转地址url程序

  
  
  

  微信公众号开发_033023.png
  
  编写一个授权跳转过来的接受页面
  
  

  微信公众号开发_033041.png
  
  把生成跳转页面的URL放入到微信中进行测试
  
  

  微信公众号开发_033065.png
  
  
  微信公众号开发_033067.png
  
  
  

  微信公众号开发_033069.png
  
  

  注：code有效期为5分钟

• 得到openid完成授权

  
  
  微信公众号开发_033105.png
  
  
  微信公众号开发_033107.png
  
  
  微信公众号开发_033109.png
  
  
  

  微信公众号开发_033111.png
  
  
  微信公众号开发_033113.png

• 拉取用户信息

  
  
  微信公众号开发_033128.png
  
  
  微信公众号开发_033130.png
  
  
  微信公众号开发_033132.png
  
  
  

  微信公众号开发_033134.png
  
  
  微信公众号开发_033136.png

• 小结

  • 生成跳转的url地址，得到了code
  • 用code换取access_token和openid,完成授权
  • 非必须的，如果是userinfo授权，则可以获取用户的基本信息

微信JS-SDK

• 什么是JSSDK
  就是微信帮助我们完成的JS一个工具的封装，直接调用这些接口就可以完成相应的功能。

• 作用

  • 自定义分享的链接(此链接也是有规定，如公众后台设置有效域名一致)
  • 调用一些手机底层应用，摄像头，获取网络制式

• 开发5步骤

  • 平台绑定授权域名
  • 引入公众平台jssdk的js文件
  • 根据官方签名算法编写出对就的签名字符串
  • 设置前台script中的config接口配置注入权限验证
  • 通过前台script中的接口提供的ready方法处理成功验证

• jssdk绑定域名

  
  
  

  微信公众号开发_033490.png
  
  

  在开发测试平台添加绑定域名
  一定要添加上授权域名，不然不能进行下一步的操作。

• JSSDK使用步骤

  • 引入JS文件

    
    
    

    微信公众号开发_033544.png
    
    
    

    微信公众号开发_033546.png

  • 生成签名算法

  • 得到jsapi_ticket

    
    
    

    微信公众号开发_033584.png
    
    
    微信公众号开发_033586.png
    
    
    

    微信公众号开发_033588.png

  • 生成签名

    
    
    微信公众号开发_033603.png
    
    
    微信公众号开发_033605.png

• 通过config接口注入权限验证配置

  
  
  

  微信公众号开发_033633.png
  
  
  微信公众号开发_033635.png
  
  
  

  微信公众号开发_033637.png
  
  
  微信公众号开发_033640.png
  
  
  

  微信公众号开发_033642.png
  
  
  

  微信公众号开发_033644.png

• 通过ready接口处理成功验证

  
  
  微信公众号开发_033668.png
  
  
  

  微信公众号开发_033670.png
  
  
  

  微信公众号开发_033672.png