公众号-----申请账号，账号管理，开发配置，接口权限详细配置
公众号
微信公众平台，简称公众号。微信推出的自媒体平台，提供一对多的媒体性活动，如消息推送、品牌传播、分享等，已经形成了一种主流的营销方式。
订阅号与服务号的区别
1. 申请账号
不同类型账号功能介绍，如下图：
根据需要选择合适的账号类型，按着注程引导完成注册。
注：个人只能申请注册订阅号
2. 账号管理
微信公众平台官方提供的后台对公众号进行管理。
1. 粉丝管理
-
打标签、黑名单
-
发送消息
2. 自动回复
-
关注时回复
当公众号被关注时，自动回复一条消息，消息可以是文字、图片、语音、视频等类型。
效果如下图所示：
-
关键词回复
管理者预先设置好关键词，当粉丝发送消息时，自动根据关键词对消息内容进行匹配，匹配成后自动回复批定内容，消息可以是图文消息、文字、图片、语音、视频。
效果如下图所示：
-
收到消息回复
粉丝发送任意一条消息时，系统自动回复一条消息，消息可以是文字、图片、语音、视频等类型。
效果如下图所示：
3. 自定义菜单
设置公众号底部菜单，当粉丝点击这些菜单时可以回复一条消息、跳转到某个网页、打开某个小程序等。最多设置3个一级菜单、每个一级菜单最多设置5个二级菜单。
3. 开发配置
1. 成为开发者
2.启用密码
3. 授权
3. 保存 AppSecret
注：妥善保管 AppSecret，如果忘记了需要进行重置。
4. 完成
经过上述操作后获得 AppID、AppSecret这个开发必不可少的信息。
4. 接口权限
微信以接口的形式将众多功能开放出来，供具有开发能力的公司结合自身业务进行定制开发，然而这其中有一些接口如微信支付、微信分享，需要服务号或着认证后才可以被调用。
如下图所示：
5. 测试账号
微信官方为每个公众号开放了一个测试账号，可以获得大部分的接口权限，一般只用于开发测试阶段。
登录公众号后，选择开发者工具
再选择公众平台测试账号
获得供开发测试的 appID、appsecret，如图所示：
查看粉丝列表
接口权限列表
6. JSSDK
在微信中浏览器 H5 页面时，可以调用微信扩展的功能，如自定义分享、微信支付、摇一摇、扫码、语音识别等高级特性。
登录公众号后，选择开发者工具，然后再选择开发者文档，如下图所示：
1. 绑定域名
为了提高接口调用的安全性，微信官方需要对企业域名进行验证，
登录公众号后，选择公从号设置
每个公从号最多可以设置3个域名，且必须通过ICP备案的验证。只能通过设置好的域名才能访问JSSDK的接口。
开发阶段一般使用测试账号，测试账号也需要配置安全域名，但是步骤比简单：
2.验证配置
配置了安全域名后，还必须按着微信官方的验证规则进行验证，要实现这个步骤需要进行编码操作，关于实现逻辑可以参考微信官方的示例。
下载示例
官方提供了 java、php、node、python的示例
sample
├── java .................................................. java 示例
│ └── sign.java
├── node .................................................. node 示例
│ ├── check_sign.js
│ ├── node_modules
│ │ └── jssha
│ │ ├── CHANGELOG
│ │ ├── LICENSE
│ │ ├── README.md
│ │ ├── bower.json
│ │ ├── package.json
│ │ └── src
│ │ └── sha.js
│ ├── package.json
│ └── sign.js
├── php .................................................. php 示例
│ ├── access_token.php
│ ├── jsapi_ticket.php
│ ├── jssdk.php
│ └── sample.php
├── python ............................................... python 示例
│ └── sign.py
└── readme.txt
以我们熟悉的 node 为例:
$ cd Server;
$ npm install wechat-jssdk --save
// Server/app.js
const {Wechat} = require('wechat-jssdk');
const wx = new Wechat({
appId: 'Your appid',
appSecret: 'Your appsecret'
});
app.get('/weixin', (req, res) => {
wx.jssdk.getSignature('Your url').then(signatureData => {
console.log(signatureData);
});
});
{
"appId": "wx7cfd1bd1af42d511",
"timestamp": "1528286021",
"nonceStr": "8emetkwjlhh",
"signature": "ff6a515c33b44c02b021dd7cf4b8cdd7badbe2b1",
"url": "/"
}
3. 调用接口
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSSDK使用title>
head>
<body>
<button class="btn1">分享到朋友圈button>
<button class="btn2">分享给朋友button>
<script src="/libs/jquery.min.js">script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js">script>
<script>
// 注入配置信息
wx.config({
debug: true,
appId: '{{appId}}',
timestamp: '{{timestamp}}',
nonceStr: '{{nonceStr}}',
signature: '{{signature}}',
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
// 调用接口
wx.ready(function () {
// 分享到朋友圈
$('.btn1').click(function () {
wx.onMenuShareTimeline({
title: '', // 分享标题
link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
success: function () {
// 用户点击了分享后执行的回调函数
}
});
// 分享给朋友
$('.btn2').click(function () {
wx.onMenuShareAppMessage({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
type: '', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户点击了分享后执行的回调函数
}
});
});
});
script>
body>
html>
7. WeUI
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。
其本质就是微信官方事先写好CSS，开发时直接将其引入页面即可。
在微信网页或小程序中使用 WeUI，有如下优势：
- 同微信客户端一致的视觉效果，令所有微信用户都能更容易地使用你的网站或小程序
- 便捷获取快速使用，降低开发和设计成本
- 微信设计团队精心打造，清晰明确，简洁大方
使用文档