官方账号、应用账号、账号管理、开发配置、接口权限详细配置。,公众,申请

发表时间:2021-05-11

公众号

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

订阅号与服务号的区别

在这里插入图片描述

1. 申请账号

在这里插入图片描述

不同类型账号功能介绍,如下图:

在这里插入图片描述

根据需要选择合适的账号类型,按着注程引导完成注册。

注:个人只能申请注册订阅号

2. 账号管理

微信公众平台官方提供的后台对公众号进行管理。

1. 粉丝管理

  1. 打标签、黑名单
    在这里插入图片描述

  2. 发送消息

在这里插入图片描述

2. 自动回复

  1. 关注时回复

    当公众号被关注时,自动回复一条消息,消息可以是文字、图片、语音、视频等类型。

在这里插入图片描述

效果如下图所示:

在这里插入图片描述

  1. 关键词回复

    管理者预先设置好关键词,当粉丝发送消息时,自动根据关键词对消息内容进行匹配,匹配成后自动回复批定内容,消息可以是图文消息、文字、图片、语音、视频。

在这里插入图片描述

效果如下图所示:
在这里插入图片描述

  1. 收到消息回复

    粉丝发送任意一条消息时,系统自动回复一条消息,消息可以是文字、图片、语音、视频等类型。
    在这里插入图片描述

    效果如下图所示:

在这里插入图片描述

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>

7. WeUI

WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

其本质就是微信官方事先写好CSS,开发时直接将其引入页面即可。

在微信网页或小程序中使用 WeUI,有如下优势:

  1. 同微信客户端一致的视觉效果,令所有微信用户都能更容易地使用你的网站或小程序
  2. 便捷获取快速使用,降低开发和设计成本
  3. 微信设计团队精心打造,清晰明确,简洁大方

使用文档

文章来源互联网,如有侵权,请联系管理员删除。邮箱:417803890@qq.com / QQ:417803890

微配音

Python Free

邮箱:417803890@qq.com
QQ:417803890

皖ICP备19001818号
© 2019 copyright www.pythonf.cn - All rights reserved

微信扫一扫关注公众号:

联系方式

Python Free