公众号-----申请账号，账号管理，开发配置，接口权限详细配置

最新推荐文章于 2025-03-28 16:57:22 发布

别动我代码儿

最新推荐文章于 2025-03-28 16:57:22 发布

阅读量2.9k

点赞数 1

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/weixin_45176415/article/details/115623141

版权

小程序专栏收录该内容

4 篇文章

订阅专栏

公众号

微信公众平台，简称公众号。微信推出的自媒体平台，提供一对多的媒体性活动，如消息推送、品牌传播、分享等，已经形成了一种主流的营销方式。

订阅号与服务号的区别

在这里插入图片描述

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. 调用接口

<!-- view/jssdk/index.html -->
<!DOCTYPE html>
<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>
    <!-- 引入 jssdk -->
    <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>