微信对外开放的平台:
1.移动应用开发—— 移动应用支持微信分享,微信支付。(微信扫码)
2.网站应用开发—— 网站支持使用微信账号登录
3.公众号开发—— 公众号(服务号、微信小程序、订阅号、企业微信 )
4.第三方平台开发 —— 为公众号提供运营服务(微信开放平台、微信公众平台、企业微信后台)
复制代码
公众号:
1.服务号:查询业务、办理业务
2.订阅号:推送文章
3.小程序:微信小游戏、内嵌在微信里面的简易APP
4.企业微信:企业的办公管理工具,类似钉钉
复制代码
第三方平台开发 是开发的基础,相当于一个管理后台
1.申请平台账号
2.根据需要申请公众号类型(个人、组织、企业)
3.根据需要 完善平台账号的 基本设置(服务器资源、密钥、公众号的设置和安全认证...)
4.管理员分发权限、开发人员申请开发调试权限
(小程序takeUP后台、公众号vue后台、企业微信后台)
复制代码
两个重要概念:
appID:是小程序的身份证号码,微信开发的基础,对应申请=>审核通过=>开发设置appId
1.公众号和小程序绑定、在开发者工具中上传小程序、关联小程序
2.利用appId在开发者工具中进行真机调试、提交小程序包到微信
openID:是公众号普通用户的一个唯一标识,只针对当前的公众号有效
1.通过openId获取用户的基本信息(城市、省份、性别...)
2.通过openId进行身份验证,合法用户
单纯的获取openId使用的授权方式是静态授权,不需要经过用户允许的 (用户看不到授权过程),而获取用户的头像昵称是另外一种授权方式,弹框弹出来需要用户同意的。
复制代码
开发、配置须知:
1.微信网页授权:
在微信端访问第三方网页,通过在公众号后台进行网页授权机制获取用户的信息
1.在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名。(sit、uat、生产)
请注意,这里填写的是域名(是一个字符串)
2.授权回调域名配置规范为全域名,比如需要网页授权的域名为:www.qq.com,配置以后此域名下面的页面http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以进行OAuth2.0鉴权。
复制代码
2.微信web开发者工具
微信二维码生成及转发
链接:开发域名 + 生产必备账号数据
生成二维码:qrCode插件 把链接生成 二维码图片
转发进入页面: 用户扫描二维码,通过调用微信接口把原地址转发,拼上由openId获取的用户信息,进入授权页面
复制代码
4.微信JS-SDK说明文档(微信分享、微信扫一扫...)
微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包。
通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力,为微信用户提供更优质的网页体验。
JSSDK使用步骤(文档)
所有需要使用JS-SDK的页面必须先注入配置信息,获取微信签名,否则将无法调用
复制代码
微信支付
商户公众号APPId 商户后台配置(使用一个商户后台就需要申请权限)
1.唤起微信支付页面
2.支付返回状态回调,进行后续操作
复制代码
小程序开发
开发流程:
1.申请小程序账号,用来管理小程序的
2.分发开发权限
3.开发代码
4.发布
5.上线
6.体验小程序
复制代码
代码构成:
**JSON 配置**
小程序配置 app.json, 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等
工具配置 project.config.json
通常大家在使用一个工具的时候,都会针对各自喜好做一些个性化配置,例如界面颜色、编译配置等等,当你换了另外一台电脑重新安装工具的时候,不需要重新配置。
**WXML 模板**
和 HTML 非常相似,WXML 由标签、属性等等构成。但是也有很多不一样的地方
**WXSS 样式**
WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。
**JS 交互逻辑**
在 JS 中调用小程序提供的丰富的 API,利用这些 API 可以很方便的调起微信提供的能力,例如获取用户信息、本地存储、微信支付等。
**组件**
**API**
复制代码
小程序的启动 —— 开发者工具