精华内容
下载资源
问答
  • 现在我们就一起来学习吧。如果您已经注册了微信公众号,就可以登录微信公众平台。...进来之后,看到下面的界面。我们的教学资源基本就是视频、音频、图片、文字。微信公众号的图文消息可以满足上述要求。同时微信...

    67255549_1

    前几天的文章《微信+微课开启移动教学新体验》推送之后,有好多老师反馈说,注册公众号之后不会使用。现在我们就一起来学习吧。

    如果您已经注册了微信公众号,就可以登录微信公众平台。

    网址:https://mp.weixin.qq.com

    67255549_2

    在框内输入邮箱(或微信号、QQ号)和密码,点击登录即可。进来之后,看到下面的界面。

    67255549_3

    67255549_4

    我们的教学资源基本就是视频、音频、图片、文字。

    微信公众号的图文消息可以满足上述要求。同时微信公众平台还有强大的数据分析功能。

    如果要发布图文消息,就点击“新建图文消息”。

    支持在图文消息正文中添加图片、视频、音乐、投票等功能。

    67255549_5

    对于图文消息的编辑还有以下要求:

    1)标题(必填项):不能为空且长度不超过64字(不支持换行以及设置字体大小)。

    2)单图文信息可填写120字内的摘要,会在粉丝侧封面显示摘要内容,若未填写,粉丝侧封面则展示部分正文内容。

    3)封面必须上传图片,大小不能超过5M。大图片建议尺寸:900 * 500像素,但上传后图片会自动压缩为宽640像素。

    4)作者可选填,最多可输入8个汉字或英文字符。

    5)正文必须输入文字内容,不能超过20000字;可设置字体,段落格式等;不支持自定义图文消息背景。

    页面下方的原文链接地址,是指可以填写一个外部文章的网页地址链接下发送给订阅用户(类似腾讯新闻消息格式),只支持填写网页地址,如填写文字、数字等非网页地址,会提示链接不合法。

    若在图文消息中推送微课视频,有两种方式:

    1)将微课视频上传至公众号后台空间,点击“素材管理”中“视频”,新建视频即可。如下图。按要求填好信息,上传视频,保存即可。

    67255549_6

    但视频不能超过20M,支持大部分主流视频格式。

    2)超过20M的视频可至腾讯视频上传后添加。

    67255549_7

    输入视频播放页面的网址即可。或者在素材管理中选择已上传的视频。

    上传视频有以下要求:

    1.禁止发布的内容:不得上传未经授权的他人作品,以及色情、反动等违法视频。

    2.标题不能超过21个汉字或42个数字/字母。

    3.视频要求:视频不能超过20M,支持大部分主流视频格式,超过20M的视频可至腾讯视频上传后添加。

    4.时长要求:不支持时长小于1秒或大于10小时的视频文件,否则上传后将不能成功转码。

    温馨提示: 上传成功后服务器将视频转码成播放器可识别的格式。本地视频上传后需要审核,审核时间为20分钟内。

    在图文消息中也可以插入音乐。音乐数据由 QQ音乐版权提供。

    67255549_8

    输入歌名或作者即可挑选。确定后如下。点击,听听音乐吧!当然,你也可以插入你录制好的音频。

    67255549_9

    语音内容格式支持mp3、wma、wav、amr,文件大小不超过30M,语音时长不超过30分钟。

    当然,你也可以选择在群发功能中新建群发消息。可以群发图文消息、纯文字、图片、语音、视频等。

    图片大小: 不超过5M, 格式支持: bmp, png, jpeg, jpg, gif

    群发内容字数上限为600个字符、或600个汉字。

    67255549_10

    可以发送单图文消息,也可以是多图文消息。但订阅号每天只有一次推送机会。

    图文消息中可以灵活地插入投票功能,起到调研的作用。

    投票参与一下吧!

    所有编辑工作完了之后,一定要记得预览效果,并检查是否有误。确认无误之后,点击下方“保存并群发”按钮即可,信息推送完成。

    好了,发挥你的创造力,去体验吧!

    扫码有惊喜

    67255549_11

    展开全文
  • 微信公众号开发基本流程

    万次阅读 多人点赞 2019-04-07 16:46:18
    过年前后做了个微信公众号项目,已经过去一段时间了,抽空回忆总结下基本流程吧,不然很快估计自己就忘了。。 微信公众平台官网:https://mp.weixin.qq.com 文章目录一、注册公众号二、了解公众号管理页面三、必备...

    背景:
    过年前后做了个微信公众号项目,已经过去一段时间了,抽空回忆总结下基本流程吧,不然很快估计自己就忘了。。

    微信公众平台官网:https://mp.weixin.qq.com



    一、注册公众号

    在这里插入图片描述
    首先注册时可以看到公众号有三种类型,个人用户大多数选择订阅号,而企业用户一般选择服务号和企业号

    我们平常大多数关注的都是订阅号,他们统一都放置在微信应用的订阅号消息列表中,没有微信支付等高级功能,只是用于发布文章等基础功能。
    在这里插入图片描述

    服务号企业号都在会话列表,和我们的微信好友是同级别的位置,具备微信支付等高级功能,一般是某个企业品牌的对外操作窗口,如海底捞火锅、顺丰速运等。
    在这里插入图片描述

    我们前期开发测试只需要注册个人订阅号即可,真正开发使用的是开发者工具里的测试号,具体下面会说。

    真正生产的话,使用的都是经过微信认证的订阅号、服务号、企业号。


    二、了解公众号管理页面

    我们在微信公众平台扫码登录后可以发现管理页面左侧菜单栏有丰富的功能:
    在这里插入图片描述
    大概可以分为这几大模块:
    首页功能小程序管理推广统计设置开发

    作为开发人员,首先应该关注的是设置、开发模块;而作为产品运营人员,关注的是功能、管理、推广模块;作为数据分析人员,关注的是统计模块。

    首先我们不妨各个功能模块都点击看一看,大概了解下我们能做些什么。可以确认的是,这个微信公众平台当然不只是给开发人员使用的,它提供了很多非技术人员可在UI界面上交互操作的功能模块。

    如配置消息回复、自定义菜单、发布文章等:
    在这里插入图片描述
    这个时候我们可能会想:这些功能好像非技术人员都能随意操作,那么还需要我们技术人员去开发吗?

    答案是: 如果只是日常简单的推送文章,就像我们关注的大多数公众号一样,那确实不需要技术人员去开发;但是,如果你想将你们的网站嵌入进去公众号菜单里(这里指的是把前端项目的首页链接配置在自定义菜单),并且实现微信端的独立登录认证、获取微信用户信息、微信支付等高级功能,或者觉得UI交互的配置方式无法满足你的需求,你需要更加自由、随心所欲的操作,那么我们就必须启用开发者模式了,通过技术人员的手段去灵活控制公众号。

    这里有一点需要注意,如果我们决定技术人员开发公众号,必须启用服务器配置,而这将导致UI界面设置的自动回复和自定义菜单失效!

    我们在 开发 - 基本配置 - 服务器配置 中点击启用
    在这里插入图片描述
    在这里插入图片描述
    我们团队就遇到过这种情况:两个项目组共用一个公众号,结果一个启用了服务器配置,使另一个项目组手动配置的菜单失效了。所以要注意这点!

    至于服务器配置中的选项代表什么意思、如何填写,我们下面再讲。


    三、必备开发者工具的使用

    在这里插入图片描述
    我们进入 开发 - 开发者工具, 可以发现微信提供了六种开发者工具,其中前四种属于开发必备:开发者文档在线接口调试工具web开发者工具公众平台测试账号

    1.开发者文档

    在这里插入图片描述
    这个不用说!在我们开发中属于最最最基础和重要的东西了,我们要想熟练开发公众号,首先必须熟读开发者文档!有些功能的开发甚至非要反复研读、咬文嚼字一番不可。PS:该文档吐槽的地方也不少,有些地方的确讲的不够明确!

    2.在线接口调试工具

    在这里插入图片描述
    这个工具也算比较实用,包含大多数接口的在线调试,我们可以直接在上面输入参数,获取微信服务端的返回结果。

    3.web开发者工具

    在这里插入图片描述
    这个工具是一款桌面应用,需要下载,它通过模拟微信客户端的UI使得开发者可以使用这个工具方便地在PC或者Mac上进行开发和调试工作,一般是前端使用该工具进行页面、接口调试。

    4.公众平台测试账号

    在这里插入图片描述
    这个测试号工具对我们的重要性可以说是仅次于开发者文档。我们可以创建测试号无需申请、认证真实的公众帐号、可在测试帐号中体验并测试微信公众平台所有高级接口。并且所有的配置都可在一个页面上编辑,使开发测试变得极其便利。


    四、细读开发者文档

    文档地址:https://mp.weixin.qq.com/wiki

    需要注意的是,细读开发者文档不是让你所有模块都去阅读,而是重点的重复细读,非重点的选择性阅读。
    在这里插入图片描述
    其中前两个模块:开始前必读开始开发,属于重点关注对象,也是整个微信开发的基石所在,需要多读几遍。其次是微信网页开发模块微信网页授权,比较难理解,需要特别注意。其他的模块则根据你们的项目功能需求,有选择性的阅读即可。

    这里我就不多罗嗦了,大家看文档去吧!下面我会描述一些重点内容的实际操作情况以及代码,请确保你已经浏览过文档


    五、开发流程重点解析


    1.开发环境准备

    这里所谓的开发环境准备主要指的是我们项目服务端和微信服务端的网络通讯环境准备。

    我们平常开发可能只需要IP端口就能通讯,顶多配置下白名单放行,但微信公众号开发我们需要通过域名通讯(微信会访问我们配置的域名地址:服务器基本配置中的URL,下面会介绍),也就是我们各自开发环境需要拥有独立的域名,微信就能通过这个域名请求到我们的本地开发服务,各自进行开发测试。

    而我们一般都是内网开发,整个内网只有一个对外域名,所以这时就需要 内网穿透 ,为我们每个开发人员配置各自开发机器的域名。

    那如何进行内网穿透呢?你首先可以找下你们的网管,看他能不能帮你解决,如果不能,那就安装内网穿透工具,我们自己动手!

    我选择的内网穿透工具是natapp,这个有免费版、收费版,免费版的域名会随机变化,而收费版可以拥有固定域名,建议选择收费版,9元每月并不贵;大家可以对照natapp的文档安装使用,并不难。
    在这里插入图片描述
    这样我们本地开发环境就拥有自己的域名啦!然后就可以在测试号管理页面配置本地访问地址URL了。

    2.服务器基本配置

    无论是在真实公众号开发 - 基本配置 - 服务器配置,还是在 测试号管理 中,我们都可以看到这几个基本参数:
    开发者ID(AppID)、开发者密码(AppSecret)、服务器地址(URL)、令牌(Token)

    AppID 是公众号唯一开发识别码,配合开发者密码可调用公众号的接口能力,大多数微信接口都需要附带该参数。

    AppSecret 是校验公众号开发者身份的密码,具有极高的安全性。切记勿把密码直接交给第三方开发者或直接存储在代码中。如需第三方代开发公众号,请使用授权方式接入。其中获取accessToken就需要同时传入AppID和AppSecret获取。

    URL 是开发者用来接收微信消息和事件的接口URL,也就是我们服务后端的入口地址,需要注意的是该地址必须以域名形式填写,且必须以http 或 https 开头,分别支持80端口和443端口。如:http://yuanj.natapp1.cc/wechat。

    Token 可由开发者可以任意填写,用作生成签名(该Token会和接口URL中包含的Token进行比对,从而验证安全性),也就是我们项目和微信服务端进行通信时,必须保证公众平台配置的Token和我们后台代码配置的Token保持一致,这样微信就能验证我们身份。

    注:EncodingAESKey 参数由开发者手动填写或随机生成,将用作消息体加解密密钥,我们前期可以采用明文模式进行开发测试,暂时先不用关注。
    在这里插入图片描述
    我们点击提交时,微信会以GET请求的方式访问我们配置的URL地址,并附加几个参数进行验证,所以你需要在该地址对应的项目后端接口里对这几个参数进行加工处理返回微信需要的结果,这样就可以验证成功,使微信服务端认可你配置的URL和Token参数,后续就能互相通信了!
    在这里插入图片描述
    具体情况可以阅读微信文档 - 开始前必读 - 接入指南

    这里附上该接口的Java代码:

    /**
     * 微信对接验证接口
     * */
    @RestController
    @RequestMapping(value = "/wechat")
    public class ValidateController {
        @Autowired
        WechatConfig wechatConfig;
    
       @RequestMapping(value = "", method = RequestMethod.GET)
       public void validate(HttpServletRequest req, HttpServletResponse resp) {
            System.out.println("-----开始校验签名-----");
    
            // 接收微信服务器发送请求时传递过来的参数
            String signature = req.getParameter("signature");
            String timestamp = req.getParameter("timestamp");
            String nonce = req.getParameter("nonce"); //随机数
            String echostr = req.getParameter("echostr");//随机字符串
    
            // 将token、timestamp、nonce三个参数进行字典序排序并拼接为一个字符串
            String TOKEN = wechatConfig.getToken();
            String sortStr = sort(TOKEN,timestamp,nonce);
            
            // 字符串进行shal加密
            String mySignature = WechatUtils.shal(sortStr);
            
            // 校验微信服务器传递过来的签名 和  加密后的字符串是否一致, 若一致则签名通过
            if(!"".equals(signature) && !"".equals(mySignature) && signature.equals(mySignature)){
                System.out.println("-----签名校验通过-----");
                try {
                    resp.getWriter().write(echostr);
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }else {
                System.out.println("-----校验签名失败-----");
            }
        }
        
       /**
         * 参数排序
         * @param token
         * @param timestamp
         * @param nonce
         * @return
         */
        public static String sort(String token, String timestamp, String nonce) {
            String[] strArray = {token, timestamp, nonce};
            Arrays.sort(strArray);
            StringBuilder sb = new StringBuilder();
            for (String str : strArray) {
                sb.append(str);
            }
            return sb.toString();
        }
    }
    
    

    3.存取access_token参数

    access_token是公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用access_token。开发者需要进行妥善保存。access_token的存储至少要保留512个字符空间。access_token的有效期目前为2个小时(7200秒),需定时刷新重复获取将导致上次获取的access_token失效

    access_token这个参数非常重要,几乎贯穿整个微信公关号项目开发,我们如何在有效期内定时刷新获取呢?
    如果我们的微信公众号项目是单服务架构,可以直接作为静态变量存储在内存里;如果是多服务,可以用中间件存储Redis、数据库都可以。SpringBoot项目内部可以通过@Scheduled注解,执行定时任务,既然access_token有效期是2小时,那我们可以一小时刷新获取一次,将其存入Redis,覆盖之前的access_token。


    4.公众号消息管理

    在这里插入图片描述
    很多公众号都可以通过消息发送来与其进行交互,那这样的功能如何代码实现呢?

    具体我们可以在微信文档 - 消息管理 模块查阅:
    在这里插入图片描述
    在此我要提到的一点就 微信公众号的消息交互都是通过XML格式进行的!这点就很坑了。。现在我们前后端、服务端的消息传输基本都是Json格式了,也习惯了Json格式的解析处理,所以遇到XMl格式的处理又要多费些事了。

    为什么微信采用XML格式呢?我个人猜测是几年前还是XML格式的天下,当时Json还没有这么流行,腾讯毕竟是产品业务驱动的,当然选择当时开发人员最熟悉的XML格式了开发,后面随着微信平台的普及,用户越来越多,想重构改成Json格式估计也十分困难,所以历史就遗留下来了呗。。

    我在此推荐一个GitHub上一个微信开发 Java SDK,里面有整个微信开发平台很多功能模块造好的轮子,我们可以参考下直接使用:
    https://github.com/Wechat-Group/WxJava
    在这里插入图片描述
    比如现在对于XMl消息解析这个需求,上面就提供了完整详尽的代码。


    5.获取openid以及网页授权(重难点)

    注意,这是公众号开发的重难点之一,请把技术文档中的微信网页授权模块多读两遍,然后带着疑问来看我的解析。

    (1)先明确为什么需要网页授权?我们的目的是什么?

    答:用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑。也就是通过这种授权机制,我们能获取微信用户信息,比如:头像、昵称、地区、个性签名等。

    (2)既然目的是获取用户基本信息,微信不是提供了专门的接口吗?非要网页授权?

    答:在文档的 用户管理 - 获取用户基本信息(UnionID机制) 模块可以看到的确有获取用户基本信息接口:
    在这里插入图片描述
    可以看到,这个接口只需要提供openid或者unionid,即可直接获取用户基本信息。那么问题来了,openid(unionid)又是如何获取呢?

    微信平台提供了两种方式获取用户的openid

    第一种方式:

    用户与公众号产生消息交互时,会以POST请求的方式向我们配置的服务器URL地址发送XML格式的消息,并附带该用户对应公众号的openid!关于什么是消息交互我们可以查看文档中的消息管理模块,比如我们在公众号输入栏中发送文字图片语音等属于普通消息交互,我们关注、取关、点击自定义菜单等属于事件消息交互,每当前端用户进行这个操作时,微信服务端都会向我们项目后台发送POST请求给我们传达信息:
    在这里插入图片描述
    可以看到,这个推送数据包中就包含了用户的消息交互类型、时间以及我们需要的openid!也就是说,无论用户在公众号里干了啥操作,我们都能知道他这个操作干了啥,以及他是谁(openid),这时就能调用 用户管理 - 获取用户基本信息(UnionID机制) 接口获取用户基本信息了。

    别高兴太早,这种通过消息交互获取用户信息的方式,用户占主动地位,我们项目后端服务被动接受,那么如果我有个基本需求:我想在自定义菜单 - 对应我们网站的前端页面上展示微信用户基本信息,能做到吗?你如何把后台接收到的消息和前端用户关联绑定?
    可见,这种被动的方式并不能实现该功能,我们需要主动出击,在前端就能获取到当前操作用户的openid!

    第二种方式:

    这种方式就是通过网页授权机制主动出击!详情见下文。

    (3)网页授权有哪几种机制?分别是怎样实现?应用于什么场景?

    答:主要有两种机制,对应两种scope:

    snsapi_base为scope发起的网页授权,是用来获取进入页面的用户的openid的,并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页(往往是业务页面)。

    snsapi_userinfo为scope发起的网页授权,是用来获取用户基本信息的。但这种授权需要用户手动同意,并且由于用户同意过,所以无须关注,就可在授权后获取该用户的基本信息。

    光看这两句解释你可能有一堆疑问,我们逐一分析:

    两种机制的前面授权步骤相同,大概如下:

    我们先要按照文档要求构造一个链接https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
    其中重点参数是redirect_uri,这个参数填的既可以是前端项目url,也可以是后端接口url,然后点击这个链接后,微信服务端经过重定向到我们填写的redirect_uri,会在此redirect_uri后拼接上一个code参数!然后前端或者后端通过code参数就可以调微信接口https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code获取openid等信息了:
    在这里插入图片描述
    这里讲下 snsapi_basesnsapi_userinfo不同点

    首先snsapi_base静默授权,什么意思呢?就是用户没有感知;与之对应的就是非静默授权snsapi_userinfo了,这个scope公众号会弹出一个小窗口需要用户手动点击授权,类似这种:
    在这里插入图片描述
    那么这两种scope授权的优劣势在哪呢?

    snsapi_base 的优势在于用户无感知,体验好,方便快捷;劣势在于获取openid后只能通过用户管理 - 获取用户基本信息(UnionID机制) 接口获取用户基本信息,而这种方式需要确保用户已经关注,不然是没有相关信息的!
    snsapi_userinfo 的优势在于无需用户关注公众号,只要用户点击了授权确认,即可通过access_token和openid调用专门的拉去用户信息接口获取信息,比较暴力。。;劣势在于需要用户手动授权,可能影响用户体验
    在这里插入图片描述

    在此说下,我们项目是通过snsapi_base静默授权的,其中redirect_uri配置的是前端项目首页地址(前后端分离),并将构造的这个链接封装起来,直接配置在自定义菜单里,那么用户点击菜单,就直接重定向到前端项目,然后前端获取code参数调用后端获取openid接口,将获取的openid缓存到客户端,以便后面使用。

    (4)想要进行网页授权,我们需要在公众平台配置什么吗?

    答:需要!
    如果是测试号,需要在 测试号管理 - 体验接口权限表 - 网页服务 - 网页帐号 点击 修改
    在这里插入图片描述
    在这里插入图片描述
    在这里配置的是回调页面redirect_uri的域名

    如果是正式号(需要微信认证),需要在 开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息 的配置选项中,修改授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,因此请勿加 http:// 等协议头;

    而且正式号其他配置的地方也和测试号不一样,比如多了IP白名单、域名根路径下的txt验证文件,这个稍微摸索下应该没啥问题的。


    over 暂时就回忆这么多了。。。可能有遗漏大家可以提出哈 ~ 下一篇博客写几个开发时的小问题补充下吧

    展开全文
  • 背景:某分厂需要实时查询工件堆放的位置,要求快速便捷,因此设计了采用微信公众号被动回复信息的方案。  技术实现:开发者服务器–基于Angular2框架的已发布网站,编程语言为Python,后台存储数据库为Mysql;  ...
  • 下文带来微信公众号表单制作方法,方法很简单,需要的朋友一起看看吧。微信万能表单怎么做?今天就跟大家分享一下本人如何利用制作表单在其中加入订单、预约、登记、投诉、反馈等功能。商家可以通过这种方式让粉丝...

    微信的使用占据着大众的日常,而微信上的一些订单、预约、登记、投诉、反馈等功能都可以使用微信万能表单来实现,那么微信万能表单怎么做?下文带来微信公众号表单制作方法,方法很简单,需要的朋友一起看看吧。

    微信万能表单怎么做?今天就跟大家分享一下本人如何利用制作表单在其中加入订单、预约、登记、投诉、反馈等功能。商家可以通过这种方式让粉丝在线|填写一些信息,达到预约或者报名的目的:

    工具:

    微信人家平台

    微信公众号

    步骤:

    第一步:注册并登录微信人家,可以选择扫码授权或者是配置API接口,二选一即可。绑定完成以后点击功能管理进入后台页面。

    第二步:在左侧位置找到自动获取粉丝信息,选择获取头像昵称并选择开启。若要设置先关注再参与的方式,需要在左侧的快捷关注配置里面填写一下公众号关注链接。

    第三步:创建。点击打开左侧微互动---微预约(报名、万能表单),点击添加表单,可以看到左边是预览框,右边是编辑区域,所见即所得的模式,高级设置里面是该表单的有效限制等设定。添加组件选项里可以根据需求添加相应的组件。

    第四步:基础设置选项,对应里面背景横幅、图标、标题栏、内容与组件、提交按钮等内容的属性进行设置,可以设置字体颜色大小透明度、位置等。上面操作都完成以后点击旁边的预览按钮,万能表单功能是多样可自定义化的,没有问题后保存即可。

    第五步:参与。在公众号里回复刚才活动设置好的关键词,公众号就弹会出来你做好的活动,也可以设置在自定义菜单里,如设置了需要先关注,其他人打开会弹出浮窗提示他要先成为粉丝才可以操作。

    注意事项:

    1.注意公众号对接好以后才能添加表单

    2.注意添加组件的时候选要正确,格式不对提交不了。

    以上就是对微信万能表单怎么做?微信公众号表单制作方法全部内容的介绍,方法很简单,有此需要的朋友按照上述的方法实现微信万能表单的制作,更多精彩内容请继续关注微信人家!

    展开全文
  • 作者|凯撒follwer随着大家关注的微信公众号日益增多,信息也开始变得泛滥,算一算你已经有多久没有打开过微信公众号了?怎么才能让提升微信公众号的阅读体验,让大家更主动回到公众号阅读呢?...


    作者|凯撒follwer

    随着大家关注的微信公众号日益增多,信息也开始变得泛滥,算一算你已经有多久没有打开过微信公众号了?怎么才能让提升微信公众号的阅读体验,让大家更主动回到公众号阅读呢?针对这个问题,PMCAFF产品经理社区的产品大神们展开了激烈的讨论,下面我们来看看JR同学(PMCAFF ID:凯撒follwer)是如何建议的。

    说点儿背景

    自微信添加了“钱包”功能后,微信已彻底不只是一个通讯工具,而是一个生活工具。什么是生活工具?就是联系到一个人衣,食,住,行等方面的工具。即时聊天、文章阅读、摄影、音乐、视频、购物、订餐、支付,只要你能想到的,微信现在都能够提供类似的服务。然而问题也由此而来,随着横向的迅速发展,大而广的覆盖面,纵向的渗透难免不彻底,公众号就是这样一个例子。除了公众号内容自身的原因之外,和公众号的整体设计思想也有关联。

    在谈及我对公众号将如何重新设计的问题之前,我想先拿微信和国外的功能设置做一个简单的对比。

    • 国外:Facebook, Twitter, Medium

    • 国内:手机Q,微信

    国外,大家最为熟悉的就是Facebook, Twitter(以APP为例,不涉及PC端的比较)。有一点很有意思的是,国外的App在纵向上显得分工明确,比如即时通讯,现在更多人会使用WhatsApp,而更少的使用FB,也使得WhatsApp渐渐取代FB和Skype成为比较热门的通讯工具。文章的分享,国外有专注的Medium(微型的私人blog)进行发布,收藏,分享,并通过FB,tweet外链; 图片的分享会在Instagram,Pinterest进行上传和分享等等。

    看官您就要问了,扯这些干啥?

    从产品的角度说,想说的中心就是两个字:专注。如果微信真的想要专注做好公众号,那么就一定要做得够深入,否则不如不做,仅仅作为一个第三方接口足以。

    下面进入分析的正题:

    上图是我对我即将一起进行比较分析的几个平台Facebook、Twitter、Medium和微信进行比较的脑图,随意看看就好,不是重点。

    先来看Facebook:

    FB的这个布局结构不需要我介绍太多了吧!因为大家应该都是非常熟悉的,加上十几年前很火的人人,大家也可以通过它了解到FB有的常规功能。关于公共主页的功能,在更多主页中就可以搜索到你需要关注的公共主页(也就类似于微信的公共号)。上面的有图,就是搜索公共主页导航,可以根据自己的喜好去关注,这一点与微信大同小异。

    搜索出来的结果如下:

    当你关注了某个主页之后,在你的主页就会有相关主页分享的文字推送到你的主页当中。

    这种形式,很熟悉是吧? 没错,国内的微博就是模仿这种运作模式。

    那么,问题来了,就是当你关注了5个以上的公共主页,如果这些都是活跃主页的话,就会出现你的主页被刷屏的情况,从用户体验角度说,一个APP如果下拉菜单太长,很容易让人失去一个一个去读的耐心。这里如果在后台有一个设置来控制APP界面显示推送内容的数目,将会是一个创举。

    言归正传,当你关注了某个主页,可以进一步的浏览文字:

    接下来,我们来看看Twitter上面是如何的设置的:

    Tweet的设置主打的是四个功能栏:主页、通知、私信、我。

    同样,和FB的设计思路是一样的,通过搜索框去检索你想要关注的公共主页。这一点上,很多的平台都是这个思路,第一次登入的用户是无非推荐给你可能喜欢的公共页,好友,小组等内容的,只要是你第二次登陆,哪怕是当天前1分钟的操作,平台都能记录你的行为,然后进行推送。这点FB, tweet, 甚至后面要重点推荐的Medium都是如此。

    下面是tweet的界面:

    基本上,从UI界面上看,FB和tweet并没有太大的差别,而且在功能设置上的近似使得这俩社交平台大咖拼的似乎已经不是UI界面,而在UX上。

    值得深思的是,FB似乎意识到现在媒体泛滥的时代并无法帮助其改善blog这一块的业务,所以,FB最近有了一个大的动作。Facebook官方宣布:Mentions软件将扩大功能,经过人工验证的一部分新闻记者、专家等群体开放。其中新闻记者可以通过这款工具面向Facebook全体用户播报突发现场新闻,公开内幕调查新闻,此外,名人用户也可以通过视频直播,和粉丝们进行网络问答等。

    然而,Tweet的这一‘即时时间线’和线下体验等新功能,并没有给用户的增长和参与度的提高带来积极的影响,tweet没有认识到自己根本的错误---添加的功能如何发挥起作用来满足实际用户的需要,这是tweet整个设计上的问题,随着Snapchat,WhatsApp,Instagram从话题聊天,即时通讯,图片分享上都慢慢带走了tweet的用户。试着想想,如果微信上还是那么多泛滥的公众号的文字,有新的平台像Snapchat可以简化即时通讯,像Instagram一样轻松进行图片分享,微信这个如八脚蜘蛛一样,覆盖面广而不深,很可能也会面临tweet这样的困境。

    至于微信的部分,我就不再这样一一截图,评述了,我觉得不是太非常有意义,因为说的内容差不多,具体的详情,在下面如何改进的部分直接上手吧:

    这里来一个分割线是有原因的,因为对于文章类(post)的设计,下面的这款是我比较推崇的一款App,设计风格的简约,让人忽略感官上的关注度,而用心投入到内容的搭建上,我想,这也是公众号分享的核心所在。我们先来看看Medium的文案设计:

    Sign in to read, write, and interact with millions of ideas and stories from around the world.

    Medium用非常简洁的语言告诉用户你来这干啥的:在这里,你只需要注册,就能阅读、撰写、互动你看到来自世界各个角落的观点和故事。

    其中关键字:阅读、撰写、互动这六个字是做博文的核心,所以少了哪一个,平台即是残缺。

    下面是具体的介绍:

    这些是Medium的常规的设置。要说明的是,如果你是新的用户,在注册之前,会让你添加你喜欢的主题,然后系统会根据你喜欢的主题进行推送最新最热的顶置文字。界面风格非常的简约,默认的字体Geogia是符合现在大众喜好的字体,加之大小标题,和排版精美,使得用户在浏览时候能够更加关注内容的本身。

    这一点上,微信公众号在文字编辑上还是相当下工夫的,自定义的文字编辑栏目给文字编辑者更多自定义的选择。

    下面,我们再看看Medium搜索公共主体的界面是如何体现出简约的设计风格的:

    此处应有分割线

    看过本运营小咖文字的都会有个印象,在下行文的基本结构是:3W1H (WHAT--WHO--WHY--HOW)。前面的两个部分我已经写好了,也就是我们要比较的是什么?要重设计的核心主题是什么?以及那些对比对象是我们需要对比的?

    下面就是我们在设计上要如何去修改以及为什么要这么改的部分。

    原谅本人在axure上完全入门级别的水平,这是我大致画出来的微信线框图(画完才发现网上是有微信axure素材包的,瞬间哭晕。。。)

    下图是微信首页和公众号首页的界面图的微调:

    下面我来解释一下我眼中微信公众号的设计应该是这样的

    1. 取消掉需要点击“公共号”按钮才能看到公共号的子分类的设计。当关注之后,直接在“信息“栏目中可以看到你最新关注的公众号所有信息,并且每个公众号允许设置是否可以置顶等选项;

    2. 在发现一栏中,添加”热文快递“栏目,主要用于已经关注的公众号的更新文章进行推送,也可加入”相关文章“推送在”热文快递“的底部:

    3. 在点击订阅号之前,希望跳出一个空白的界面,用于用户去选择有兴趣的话题,并且提供定期推送所选话题的热门动态在“微信”栏目下

    首先,我先聊一下关于进入订阅号之前的一个新的改动。

    请看下图:

    上图是显示的是当用户在点击“订阅号”的时候,会显示出来的几个比较常规的话题。简单的一个搜索订阅号的名词或者相关的字体能让用户找到自己感兴趣或者是想要了解的内容。但是,如果添加一个可供选择的界面(比如右上图),那么用户能够从话题的关键字中找到自己想要找的公众号。

    我们关注公众号无法是两种情况:第一、有人推荐;第二、在搜索框中输入要找的关键字进行检索。那么很多时候第二种方式搜到的公众号由于事先不了解,所以,很可能会关注到很多内容“水”的公众号。如果微信后台能够提供质量高的话题关键词给用户选择,将会有更好的体验。

    其次,进入第二点的改动,就是双重的消息提醒。因此,那么您要问了,为啥要在两个地方--“信息”和“发现”各自添加一个关于公众号的消息提示呢?不是重复了吗?功能上该怎么区分?

    不妨来看看下图:

    最先要说的是,在功能上并没有重复。消息栏目的是你关注的那个公众号的所有信息的入口,点击后打开实际上是这个界面:

    而在发现栏目中“热文推荐”,打开后文字的展示形式就和“朋友圈”的展示形式类似:名称、标题、图文、点赞、回复的形式即可。

    其实,在手机QQ上,已经有了“订阅号”这个板块,而且,当有新的更新的时候,PC端,会有消息提示;手机端,会推送消息提示你查阅。

    虽然本人不大明白为什么手机QQ也要来这么一个订阅号,但是,不得不说,这个设计的思路和微信如出一辙,加上推送的内容几乎和微信上的一样,我不是很明白为什么企鹅要在这里再搞一个出来。

    言归正传,那么热文推荐里面的界面应该如何去展示订阅号内容呢?本人浅见,订阅号相当于一个微社群,只是这个社群的主题是有用户来决定的,因为订阅号的领域是用户自己挑选的,那么我们就可以把这个“热文推荐”理解成为一个横向的社区。

    既然是一个微社区,那么界面上的内容无外乎是,标题、小标题、标签、相关图片、正文简述,还有几个功能按钮。点击某个推送文章的标题后,即可看到这个文章的全文。这个看上去有点像微博的形式。但是,与微博不同的是,热文速递的内容,基本都是根据用户过往浏览的内容进行相似内容的推送+公众号中浏览率最高的1-2篇文章的推送。推送完全在微信方这,而不在公众号的host手上,这样可以避免某公众号管理员为了刷浏览而过多的推送新的资讯给用户。

    最后说一点关于公众号如何运营的几点:

    一、还是那句话:内容为王

    对于用户来说,在关注前后会有这样一个历程:未关注--关注--看了一段时间--然后就没有然后了。所以,你就要问了,为什么现在不看了,然后找出解决方法。用户关注公众号的来源无外乎有如下几点:

    1、好友推荐;

    2、大V们的订阅号;

    3、部分商业订阅号关注送礼品(这个太泛滥,也是造成很多内容成了rubbish的原因);

    4、兴趣类订阅号

    如果推送的内容的质量还不错,就算是随着时间越来越久,加上关注的订阅号也越来越多,因为信息重复、繁杂,导致最终根本无暇顾及的现象是很难出现的。我们最好的方式是帮用户做好筛选、归类、整理并推送有效消息给用户,这样才能更好地提高订阅号的点击率和阅读量。

    因此,内容为王是第一条,至于如何规整内容,这一点和如何打造优质社群是同一个道理,两个方面:

    一、对用户:提供内容分类的编辑功能,可以根据内容属性分类,也可以根据喜欢的等级:最喜欢的、常用的、偶尔翻阅这三类来进行分类和编辑;

    二、对微信:对于微信方来说,可以定期给用户推送订阅号的反馈问卷,问卷的问题只需要如下的3个问题:

    1.你是否喜欢这个公众号?(如果回答不喜欢,请回答问题3)

    2.你对公众号的内容有什么意见和建议?

    3.如果你选择不喜欢,请简单的说明几点你的理由

    我们还要明白一点:从某种程度上看,微信公众号=自媒体

    从2012年下半年开始,在微信公众平台上,平台运营者可以自行排版,文字或者图片,每天向订户发送一次“消息”,慢慢有了媒体的雏形。微信公众平台本身的精准到达特性,使得微信成为一个天然的媒体平台。“一对多,自广播”,这个也使得很多媒体人从微博等其他平台迁移,在微信上做起了自媒体。比如郎咸平的公众号。

    我了解到,程苓峰的“云科技”账号收到唯品会、搜狐等公司的广告订单,并明确了自己的广告报价:每天发布文章1-2篇,每天约1万元,3万5天。这大大刺激了同行群体,一时间微信自媒体的商业化似乎近在眼前。短期的利益驱使,使得大量的“流水文”的泛滥也就不难理解了。

    微信如果真想做好自媒体,要明确,他们到底是面向B端,还是面向C端。有时候不要试图把大推内容一股脑推送给读者,把内容做精更重要。Less is More,这句话被炒了千遍,但是你细嚼一下,还是有味道的。

    切记:不可以为只要有微信关注,信息推过去都是有价值的,到头来只能是两败俱伤。

    随后,微信没有坐视不管,快速开始整顿,严格了推送的条件,并分开了订阅号和公众号。但是这并没有从内容上去改变水文的出现,在文字的把控上,微信还得再严格把控一把。中医有云:有三碗水,一碗药。内容亦是如此。

    第二、内容>口碑>用户>运营

    用户 任何产品发布后,自然而然开始下一步的部署:如何提升下载量、提升注册用户数、增强用户活跃度。一般来说,最基本也是最容易的做法之一就是尽量利用普及的帐号,而企鹅在这点上肯定是国内当前使用最广、最完善的帐号系统。所以,微信怎么说都是近水楼台楼台先得月,超过8亿的注册用户,这是多么省心的事情,用户流量就这么轻松的导入了。用户数够了,那么对于用户的关注度要时刻把握,这一点,私以为FB,Tweet把握得比较要,除去你每次登陆后会给你推荐你可能认识的人,感兴趣的话题之外,定期他们会有邮件推送给你你可能感兴趣的内容。这一点上之前提到的Medium做得更加出色,Medium每日会推送一次(3篇文章)到你的邮箱里面,这三篇文章是根据你最近参看文章的类型来推荐的,而且手机上也会更新提示,对于用户行为把控得非常好,这是主动出击,而不是被动等用户去搜索,去关注。要知道,用户是懒的,而且还是懒的爷,没办法,您得伺候着。

    口碑 很多产品成功的背后都有一个共同点:口碑效应。这是被认为最有效获取新用户的方式之一,而社交网络大大的降低了口碑相传的门槛,而且成为最高效率的传播场景。任何的产品要借助社交产品传播力,内容与方式都需要好好设计,这是比内功的时候。这也是为啥我觉得国内很多都不是在比内功,都花在了如何给用户礼包啊,福利的短期浮夸的收益上,短期获利,长期只能是崩盘。

    内容(再次强调)很多人说,互联网的本质是“互联”,把所有的点连接成面,从此信息没有信息孤岛不再孤。微信在这一点上做的是传递信息的本质,无论是公众号,还是基于个人之见的信息传递,让信息有效、准确的传递到用户那一端,解决好这个问题。另外,在App没那么发达的时期,有人将其视为孤立,彼此信息不通畅,从这点上似乎违背了移动互联网的本质。然而,微信则抢先一步,先触及这个目地,借助其开放平台和庞大的用户基础,辅以推广运营得当,比粘性更低的搜索产品更有机会获得用户的青睐,从而把用户作为中心,打通各APP,帮助用户实现互联网信息的跨应用浏览和无阻碍信息推送。但是,你不能仅仅是一个搬运工,这样无意义,也非常容易被取代,那么如何做到不可替代?很简单,模式应该是:客户关系管理+富媒体应用+关系链管理+基于用户行为分析的精准推荐,在最初的端口把握好内容的精准分析和审核,这样到了终端,还会不合用户口味吗?我想应该是不会的。

    最后,还是那句话,内容为王。界面设计该与不该的,其实并不是既重要也必需的事情,关键还得在内容上的筛选。

    本文由PMCAFF产品经理社区会员原创,版权归pmcaff产品经理社区及作者共同所有。如需转载,请注明出处并保留链接。

    推荐阅读

    PMCAFF 2015上半年干货精选

    PMCAFF各类精品群

    电商PM圈|PMCAFF 396981669

    工具PM圈|PMCAFF JaneYu81

    互联网O2O圈|PMCAFF Nicole_0928

    互联网金融圈|PMCAFF erhuoyimei

    旅游PM圈|PMCAFF lizheng_legend

    社交PM圈|PMCAFF liyilin1263

    视频PM圈|PMCAFF EsDark_guiga

    智能硬件圈|PMCAFF Johnson727543

    唯一B端产品群|PMCAFF fenglinzhi1994

    入群规则

    1、入群需参与一次群分享(话题内容不限)

    2、敲门砖:姓名+公司+可以分享的话题

    投稿请发送至邮箱:tougao@pmcaff.com

    商务合作请联系:xiaoxi@pmcaff.com

    PMCAFF合作媒体:Chinaz

    展开全文
  • 本文实例讲述了PHP实现微信公众号支付功能。分享给大家供大家参考,具体如下:  直言无讳,我就是一个初涉微信开发的小白,写这篇博客的原因:一是为了给自己做下备忘记录,以便以后能回忆这条程序猿的坎坷路;二...
  • 本教程教大家如何在微信公众号中,添加外部的链接,网络有很多教程,但由于表述不太清楚,出个教程吧。最终实现在微信后台管理平台“原文链接”处插入外部链接,用户点击发布好的图文文章底部左下角的“阅读原文”,...
  • 最近公司有一个项目,使用Vue开发微信公众号,开发过程遇到一个问题,即设计的整体背景是白色的,但是公众号里默认的背景是浅灰色,如果某个页面高度没能占满一屏,就会露出浅灰色的默认背景,会显得很不协调。...
  • 微信公众号后台上传图片,我们上传的图片无法完美适配不同型号的手机,也无法完全规避微信压缩原则,不知道微信的压缩算法,我们怎样做才能最大程度有效保持图片质量?方法:能用 png 就用 png静图片原始尺寸...
  • 微信公众号编辑器里面上传图片后发现有的图片会自动添加一个白色的背景,仔细研究了一下发现了一个规律,那些会自动添加白色背景的图片一般有以下两个条件: 1:图片为透明背景 2:图片比较大,至于多大算大,在...
  • 用 Python 进行微信公众号开发

    千次阅读 2019-03-08 14:04:38
    今天看到篇教程,是用python开发微信公众号的,觉得有意思,就敲代码实现了一下,成功后更觉得好玩,故记录,方便开发深入时使用。 基础背景介绍 首先得有个人微信号(没有自行注册),为方便测试学习; 其次,...
  • PS制作微信公众号封面

    千次阅读 2020-05-31 13:29:16
    1) 看到大佬发微信公众号时,会用纯色背景图片作为封面,嗯,我也可以。 2)方便日后制作微信公众号封面 学习路线(怎么学) 1) 百度 一 准备 一台电脑 PS软件 二 内容 2.1 打开ps,点击左上角的|新建。 2.2 ...
  • 很多时候你可能看到别人的微信公众号图文信息不仅图文并茂,而且还有美轮美奂的背景图,小桥流水的音乐,感觉逼格一下子就上去了。文字在图片上面,感觉别出一格,与众不同。那如何给公众号图文信息添加背景图呢?很...
  • 2.2 在开发者模式下选中这个边框,对应的区域会显示透明水蓝色,下面的代码区域会自动跳转到该区域对应的代码部分,如下所示: 2.3 在对应的代码区域,我们会发现有用信息,包括这部分使用的第三方编辑..
  • 微信公众号报名功能是用于企业官博进行调研、征集微信用户意见、报名等功能的辅助工具类产品。具有微信运营成本低;内容配置灵活、丰富的特点;能够快、准、稳、全的收集用户信息;我们常见的微信公众号报名功能也可以...
  • java微信公众号自动回复文字加图片

    千次阅读 2019-06-29 20:23:39
    java微信公众号自动回复文字加图片开发流程详细流程,附上代码:第一步服务器(url)接口配置服务器(url)接口配置,此步骤就是微信授权接口的过程,如果域名都不改变,微信只会校验一次。此请求微信文档中说明了是...
  • 微信公众号经验

    2016-04-08 14:59:04
    从零开始,一个草根微信公众号的运营推广 ——首月总结报告分享 一、 背景: 1月中旬,我开始接触草根微信号运营,先后养了两个涉及擦边球的号(大家懂),涨粉很快,可惜均被腾讯封杀。 于是决定不再冒险,...
  • 申请了微信公众号后怎么发布文章?公众号的文章编辑页面在哪里?部分刚接触公众号运营的小伙伴是不太了解公众号后台功能的,今天就给大家介绍公众号文章编辑页面在哪里,怎么编辑排版,怎么推送文章。公众号文章编辑...
  • 还有不到一周就是我们中国的情人节了,不管是小情侣秀恩爱还是单身狗啃狗粮,作为微信公众号小编,我们要做的就是做一篇极具情怀的公众号推文,让大家也假装过一下七夕。小编我虽然没有给大家准备情人节礼物,但是我...
  • 在微信文章地址处填写上要获取封面微信公众号文章链接地址,点击“提取”,就会出现封面图片地址。 第三步 最后一步,点击“复制”,自动为你复制图片地址,然后我们在浏览器中打开就可以进行保存啦! ...
  • 微信公众号支付那些事
  • 你知道如何给微信公众号文章添加背景嘛?今天就从两个方面来分享如何给微信公众号文章添加背景。一、给全文添加背景首先分享的是给整篇文章添加背景,点击顶部工具栏的插背景按钮可为全文添加背景;有纯色背景和图片...
  • 如何重新设计微信公众号

    千次阅读 2015-09-17 15:53:15
    随着大家关注的微信公众号日益增多,信息也开始变得泛滥,算一算你已经有多久没有打开过微信公众号了?怎么才能让提升微信公众号的阅读体验,让大家更主动回到公众号阅读呢?针对这个问题,PMCAFF产品经理社区的产品...
  • 微信公众号商城

    2020-02-19 14:09:17
    背景微信公众号商城、小程序商城、H5商城数据同步,带积分、优惠券、秒杀、会员等级、分销等功能,前后端全部开源,更是一套方便二次开发的框架。 简介: CRMEB商城系统是基于ThinkPhp6.0+Vue开发的一套新零售...
  • 一春无事,只为花忙,年年芳信负红梅,江畔垂垂又欲开。梅花山位于玄武区明孝陵景区内,居中国四大梅园之首。...今天小编就给大家提供一个春天踏青相关的微信公众号图文排版。 一、素材节选 1.首、导语...
  • 微信公众号文章中的音乐怎么设置自动播放? 2、点新建群发。 微信公众号文章中的音乐怎么设置自动播放? 3、进入新建群发,在正文里输入内容。 微信公众号文章中的音乐怎么设置自动播放? 4、在选择音频窗口里选音乐。 ...
  • 微信公众号开发接入

    2020-12-19 15:50:15
    微信开发接入一、背景二、前置条件三、通过natapp内网穿透和域名购买1、购买隧道2、购买一个二级...最近项目中由于某些原因,涉及到了微信公众号的开发,此处简单记录下微信公众号的接入。 二、前置条件 1、需要有一个

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 24,407
精华内容 9,762
关键字:

微信公众号背景图设置