/div>
微信开发,微信小程序开发,微信公众号,Access Token,JSSDK,微信API,创建公众号服务器,微信开发者模式,微信测试号,微信消息推送,vue教程,vue培训,react培训,react教程,前端工程化,前端自动化,node深入,vue源码解读,REACT源码解读,webpack,gulp,git,gitHub,数据库,mysql,前端面试题,性能优化,es6,珠峰JS全栈
  • index
  • 前端工程化
    • gulp
    • webpack
  • 数据库
    • mongoose
    • mysql
    • mongodb
    • sqlserver
  • CSS
    • less
    • jade
    • CSS布局模型
    • 基础
      • CSS布局模型
      • 盒子模型
    • 深入学习
      • margin
    • flex案例
    • flex语法
    • source
      • flex
      • 精典布局
        • 双飞翼布局
        • 圣杯布局
    • Git
      • git入门
    • 工具
      • 和谐
      • webstorm安装与配置
      • bower
      • babel
    • 微信
      • 微信开发
      • OAuth实现
      • OAuth理论
      • 微信开发(1)
    • 面试
      • CSS
      • JAVASCRIPT
      • 其它
      • 性能优化
      • angular
      • html
      • 网络
      • 从URL到页面呈现
    • 服务器
      • ubuntu配置PHP
      • linux基础
      • linux布署
      • ftp服务器
      • linux用户管理
    • AngularJS
      • angular入门
      • angular基础
      • route
      • 指令
      • 服务
    • node基础
      • buffer
      • 文件上传
      • 文件操作
      • 模块
      • 流
      • node安装与配置
      • NPM
    • node进阶
      • cookie
      • Express
      • session
      • socketio
      • websocket
      • 加密
      • 动态服务器
      • 压缩
      • 静态文件服务器
      • 流高级
      • 编码
      • koa2
      • MVC
      • CSRF
      • source
        • xss
          • public
        • XSS
      • 首页
      • react
        • react-router
        • ReactNativeMac
        • ReactNativeWin
        • react基础应用
        • react入门
        • redux
        • 搭建开发服务器和热替换
      • vue
        • Vue入门
        • Vue方法篇
        • Vue方法篇2
        • Vue组件
      • JAVASCRIPT
        • ES6
        • jquery同步和异步
        • js常用方法
        • promise
        • webstorage
        • 初识JS
        • 原型链
        • 字符编码
        • 属性设置
        • 模块化开发
        • 正则表达式
        • 缓存
        • 预解析作用域闭包this
        • DOM深入
        • JS盒子模型
      • 页面效果
        • 次屏图片延迟加载
        • 首屏图片延时加载
      • node大纲
        • 1.es6
        • 2.promise
        • 3.babel
        • 4.gulp
        • 5.webpack
        • 6.react入门
        • 7.react基础应用
        • 内网使用
        • 珠峰服务器布署
        • react路由
      • node周末大纲
        • 1.Express
        • 2.cookie
        • 3.session
        • 10.珠峰爬虫
        • 4.加密
        • 5.mongodb
        • 6.mongoose
        • 7.珠峰博客
        • 8.websocket
        • 9.socketio
      • node项目
        • 珠峰博客
        • 珠峰爬虫
        • 珠峰聊天室
      • react课程
        • 1. 初识React
        • 2.React基础
        • 10.reactnative-win
        • 3.react路由
        • 4.redux
        • 5.redux中间件
        • react教程
        • 参考网址
      • 经典面试题
        • 何同学最近总结
        • 面试总结
      • 面试指导
        • 职业成长
        • 资源地址
        • 面试指导(y)
        • 面试指导(z)
        • 面试指导(z2)
        • 时间管理
        • 求职
        • 就业指导
      • 项目实战
        • 1.配置开发环境
      • 面试真题
        • 云鸟
        • 好未来
        • 搜狗
        • 易车网
        • 用友网络
        • 索克赛思
        • 腾讯
      • HTML5
        • 1.HTML5
      • 大纲
        • 珠峰课堂
      • 测试
        • mocha
      • 微信和公众号
      • 公众号类型
      • 申请公众号码
      • 编辑模式介绍
      • 开发模式
        • 数据交互原理
      • 接入文档
      • 测试账号申请
      • 如何接入
        • 开发环境准备
        • 创建公众号服务器
        • 映射工具
        • 使用JSSDK
        • 使用微信开发者工具

      微信和公众号 #

      类型 微信 公众号
      社交圈 认识的人 包括陌生人
      定位 聊天和娱乐 商业用途、个人品牌推广、企业品牌宣传
      使用方式 手机端 PC端
      关注方式 相互关注 只能被用户关注

      公众号类型 #

      类型 企业号 服务号 订阅号
      面向人群 面向企业、政府、事业单位和非政府组织,实现生产管理、协作运营的移动化 面向企业、政府或组织,用以对用户进行服务 面向媒体和个人提供一种信息传播方式
      消息显示方式 好友会话列表首层 好友会话列表首层 折叠在订阅号目录中
      消息次数限制 最高每分钟可群发200条 没月主动发消息不超过4条 每天群发一条
      验证关注身份 通讯录成员可关注 任何用户扫码即可关注 任何用户扫码即可关注
      消息保密 消息可转发、分享。支持保密消息防转发 消息可转发、分享 消息可转发、分享
      高级接口 支持 支持 不支持
      定制应用 可以根据需要定制 不支持 不支持

      申请公众号码 #

      https://mp.weixin.qq.com

      填写基本信息->邮箱激活->选择类型->信息登记->公众号消息

      编辑模式介绍 #

      • 消息自动回复
      • 菜单创建
      • 微信公众平台推送消息给关注用户

      开发模式 #

      • 开发模式和编辑模式是互斥的
      • 打开开发模式,自动回复和自定义菜单就失效了

      数据交互原理 #

      1. 用户把请求发送给微信服务器
      2. 微信服务器解析微信公众号的服务器,并把请求转发给公众号服务器
      3. 公众号服务器处理请求得到结果并返回给微信后台,微信后台再发给微信客户端

      接入文档 #

      https://mp.weixin.qq.com/wiki

      测试账号申请 #

      申请地址

      如何接入 #

      1、填写服务器配置 2、验证服务器地址的有效性 3、依据接口文档实现业务逻辑

      开发环境准备 #

      1. 一个微信公众号(个人申请订阅号)
      2. 开发调试用的外网映射工具
      3. 与微信对接的URL地址要具备如下条件
        1. 能在公网上进行访问
        2. 端口只支持80

      创建公众号服务器 #

      let express = require('express');
      let {appID,appsecret,Token} = require('./config');
      let crypto = require('crypto');
      let app = express();
      app.get('/', function (req, res) {
        let {signature, timestamp, nonce, echostr} = req.query;
        let str = [Token,timestamp, nonce].sort().join('');
        str =  crypto.createHash('sha1').update(str).digest('hex');
        if(signature == str){
          res.send(echostr);
        }else{
          res.send('wrong');
        }
      });
      app.listen(8080)
      

      代码

      映射工具 #

      ngrok可以将内网服务映射到公网上面,这样就可以在公网访问你的本地网络服务

      1. 下载下载地址
      2. 启动本地的HTTP服务
      3. 进行映射
        ngrok http 8080
        
      4. 接口配置信息

      接口配置信息

      使用JSSDK #

      代码

      使用微信开发者工具 #

      https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN