此文记录了微信公众号开发的整个流程，想要调用微信JSAPI并非直接引入一个 jweixin-1.0.0.js到页面里那么简单。需要获取access_token,jsapi_ticken 和签名sign等。其中的任何一个步骤错误都会调用不到其API。这些参数一般是后台生成，可以用阿里云或新浪云提供的服务。 注册一个公众账号是必须的，5个步骤(以个人订阅号为例)填写基本信息邮箱激活选择账号类型信息登记查看公众号信息1.访问https://mp.weixin.qq.com，点击右上角的“立即注册”2.激活邮箱进入到注册的邮箱，点击链接激活激活后自动跳到“账号选择”页面。 3.选择账号类型这里选择第一个类型“订阅号”。弹出警告信息，点“确定”即可。跳到“信息登记”tab 4.信息登记选“个人”，需要填写一些身份证等信息 填写完身份证号后还需要验证运营者身份，这个需要用绑定了运营者本人银行卡的微...

近日摸索了公众号的开发流程特记录下来，以供大家参考。    首先最重要的是你的有一个公众号，具体怎么申请这里就不赘述了。嘿嘿，其实开发调试的时候可以使用临时的调试公众号，这样即使没有公众号也可以进行开发调试了。具体方法如下：打开http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login。 然后用自己的微信扫一下，确认即可。系统会自动给你生成一个测试公众号，有简单的管理功能。 当然你也可以直接在公众号上进行开发调试。登陆公众号平台后，在左侧菜单底部，选择开发者中心，配置服务器信息（同测试账号）。如需加密可以设置秘钥，需注意，公众账号主动调用API的情况将不受影响。只有被动回复用户的消息时，才需要进行消息加解密。参考：http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 1、服务端认证添加服务器URL后，微信服务器会向你的公众号服务器发送一个认证请求。比如你的微信服务URL...

　　导航：navigator组件　　组件上的属性：　　　　target：跳到其他小程序（默认是当前小程序），当属性值为miniProgram时，跳到别的小程序（如果要跳到别的小程序，需要填写appid属性，属性值：别的小程序的id）　　　　open-type：类型　　字符串　　打开方式　　　　　　属性值：navigate（默认）　　url属性后面可以带参数，跳转后的页面，左上角有个返回键，可以返回到开始那个页面　　　　　　　　　　redirect　　url属性后面可以带参数，关闭了当前页面，跳转后的页面左上角无返回键　　　　　　　　　　switchTab　　url属性后面不可以带参数，只跳转tabBar页面路径，否则无效，关闭当前页　　　　　　　　　　reLaunch　　需要跳转应用内的页面路径，路径后面可以带参数　　　　url：类型　　字符串　　要跳转的页面路径后面通过open-type属性判断带不带参数要携带的参数 ?name='zhang'&age=20这种写法　　　　页面的参数在要跳转的页面Page({})　　onload() 方法的属性上面，形参o...

　　微信小程序数据缓存（类似于cookie）　　wx.setStorage()将数据存储在本地缓存中制定的key中。会覆盖掉原来该key对应的内容，数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用，单个key允许存储的最大数据长度为1MB，所有数据存储上限为10MB　　参数：对象　　对象上的属性：　　　　key：类型　　字符串　　本地缓存中指定的key 　　　　data：类型　　any　　需要存储的内容，只支持原生类型、data、及能通过JSON.stringify序列化的对象　　wx.removeStorage()　　从本地缓存中移除指定key　　参数：对象　　对象上的属性：　　　　key：类型　　字符串　　本地缓存中指定的key　　wx.getStorage()　　从本地缓存中异步获取指定key的内容　　参数：对象　　对象上的属性：　　　　key：类型　　字符串　　本地缓存中指定的key　　wx.getStorageInfo()　　异步获取当前缓存（storage）的相关信息　　参数：对象　　对象的属性：　　　　success...

　　audio：音频组件，api接口为 wx.createInnerAudioContext 　　audio组件的属性：　　　　id：类型　　字符串　　audio组件的唯一标识　　　　src：类型　　字符串　　要播放音频的资源地址　　　　loop：类型　　布尔　　是否进行循环播放　　　　controls：类型　　布尔　　是否显示默认控件　　　　poster：类型　　字符串　　默认控件上音频封面的图片资源地址，（注意：如果controls为false，此属性无效）　　　　name：类型　　字符串　　默认控件上音频的名字，（注意：如果controls为false，此属性无效）　　　　author：类型　　字符串　　默认控件上音频的作者，（注意：如果controls为false，此属性无效）　　audio组件的事件　　　　binderror：当发生错误时触发error事件　　　　　　　　事件对象上code属性代表错误码：1　　获取资源被用户禁止　　　　　　　　　　　　　　　　　　　　　　2　　网络错误　　　　　　　　　　　　　　　　　　　　　　3　　解码错误　　　　　　　...

　　网络API类似于ajax向服务器请求网络地址，唯一不同的是这个请求有很多的规则，且必须向服务器上请求，不能在本地请求　　网络　　　　发送请求：　　　　　　wx.request()　　发起https网络请求　　参数：对象　　　　　　对象的属性：　　　　　　　　url：类型　　字符串　　开发者服务器的接口地址（且拥有诸多的限制，必须是https的网络请求）　　　　　　　　如图：　　　　　　　　　　　　　　　　如果我们没有合法的域名，也能进行测试：　　　　　　　　　　我们需要对调试基础库的选项进行打勾就好了　　　　　　　　data：类型　　字符串/对象/数组/缓存　　请求的参数　　　　　　　　header：类型　　对象　　请求设置的header （得到数据的返回值，默认是json格式，我们都知道在服务器请求到的数据都是字符串）　　 　　　　　　　　method：类型　　字符串　　请求的方式：　　　　　　　　　　属性值：options/get/head/post/put/delete/tract/connect　　这是请求的方式　　　　　　　　dataType：类型　　...

　　由于每个API参数：对象的属性都有success，fail，complete，所以在这个提前介绍，就不再每个API上写了　　　　success：类型　　函数　　接口调用成功的回调函数　　　　fail：类型　　函数　　接口调用失败的回调函数　　　　complete：类型　　函数　　接口调用结束的回调函数（调用成功，失败，都会执行）　　----------------------------------　　下拉刷新：　　　　wx.stopPullDownRefresh()　　停止当前页面的下拉刷新　　直接调用即可　　　　wx.startPullDownRefresh()　　开始下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致　　直接调用即可　　滚动：　　　　wx.pageScrollTo()　　将页面滚动到目标位置　　参数：对象　　　　　　对象的属性：　　　　　　　　scrollTop：类型　　数字　　滚动到页面的目标位置，单位px　　　　　　　　duration：类型　　数字　　滚动的动画的时长，单位ms　　动画：　　　　wx.createAnimation()　　创建一...

　　界面　　有关屏幕的api　　交互：　　　　wx.showToast()　　显示消息提示框　　参数：object　　　　　　object的属性：　　　　　　　　title：类型　　字符串　　提示的内容（文本最多7个汉字）　　　　　　　　icon：类型　　字符串　　图标　　　　　　　　　　属性值：success：显示成功的图标　　　　　　　　　　　　　　loading：显示加载的图标　　　　　　　　　　　　　　none：不显示图标　　　　　　　　image：类型　　字符串　　自定义图标的本地路径，image的优先级高于icon　　　　　　　　duration：类型　　数字　　提示延迟的时间　　　　　　　　mask：类型　　布尔　　是否显示透明蒙层，防止触摸穿透　　　　　　　　success：类型　　函数　　接口成功调用的回调函数　　　　　　　　fail：类型　　函数　　接口调用失败的回调函数　　　　　　　　complete：类型　　函数　　接口调用结束的回调函数（成功，失败，都会执行）　　　　wx.showModal()　　显示模态对话框（他拥有确定按钮和取消按钮）　　参数：objec...

　　路由：由于页面的跳转；　　　　wx.switchTab()　　跳转到tabBar页面，并关闭掉其他所有非tabBar页面；参数：为对象，　　对象的属性：　　　　url：需要跳转的tabBar的页面路径（需在app.json的tabBar字段定义的页面），路径后面不能在参数　　　　success：接口调用成功后的回调函数　　　　fail：接口调用失败的回调函数　　　　complete：接口调用结束的回调函数　　案例：　　　　wx.switchTab({　　　　　　url:"/a/d/g",　　　　//路径　　　　　　success:function(e){　　　　　　　　console.log(e)　　　　　　}　　　　})　　app.json中tabBar字段的写法　　　　　　wx.reLaunch：关闭所有页面，打开到应用内的某个页面 　　参数：对象　　属性：　　　　url：需要跳转的应用内的页面路径，路径可以带参数，参数与路径之间使用？隔开参数键与参数值用=相连，不同的参数用&分隔；案例："path?key=value&key1=value1";　　　...

　　其实还有一些组件，没有提，因为那些组件跟API的功能差不多，API可能比他会更好一点；　　　具体可见官方文档　　　基础：　　　　判断接口是否可用：wx.canIUse(a)　　　　　　　　a代表：接口名字　　返回值：布尔　　true代表成功，false代表接口不可用　　　　系统信息：wx.getSystemInfo({})　　使用第二种　　　　　　参数：{}　　success：代表成功　　　　　　　　　　　 fail：代表失败　　　　　　　　　　　 complete：接口调用完成后的回调函数　　　　　　案例：　　　　　　　　wx.getSystemInfo({　　　　　　　　　　success(res){　　　　　　　　　　　　console.log(res)　　　　//res　　便是获取信息的参数的对象　　　　　　　　　　}　　　　　　　　})　　　　系统更新的API：wx.getUpdateManager()　　//他的返回值，拥有很多的方法　　　　　　案例：　　　　　　　　constsd=wx.getUpdateManager()　　//在sd上拥有有关系...

　　image组件：是小程序专门针对图片的组件，功能强大　　image组件的属性：　　　　src：类型　　字符串　　图片资源的路径　　　　mode：类型　　字符串　　图片裁剪缩放模式　　　　lazy-load：类型　　布尔　　图片的懒加载，在一定范围内加载图片　　　　show-menu-by-longpress：类型　　布尔　　开启长按图片显示，识别小程序码菜单　 事件：　　　　binderror：当错误发生时触发　　　　bindload：当图片载入完成时触发...

　　输入框：该组件是原生组件，使用的时候要注意相关的设置　　属性：　　　　value：类型　　字符串　　输入框的初始内容　　　　type：类型　　字符串　　input类型　　　　　　属性值：text　　文本输入键盘　　　　　　　　　　number数字输入键盘　　　　　　　　　　idcard　身份证输入键盘　　　　　　　　　　digit　　带小数点的数字键盘　　　　password：类型　　布尔　　是否是密码类型　　　　placeholder：类型　　字符串　　输入框为空时占位符　　　　placeholder-style：类型　　字符串　　指定placeholder样式　　　　placeholder-class：类型　　字符串　　指定placeholder的样式类　　　　disabled：类型　　布尔　　是否禁用　　　　maxlength：类型　　数字　　最大输入长度，设置为-1时，不限制最大长度　　　　cursor-spacing：类型　　数字　　指定光标与键盘的距离　　　　focus：类型　　布尔　　获取焦点　　　　confirm-type：类型　　字符串　　设置键盘右下角按钮的文字...

　　表单组件：将组件内用户输入的<switch><input><checkbox><slider><radio><picker>提交　　　　　　　当点击表单的form-type为submit的<button>组件时，会将表单组件中的value值进行提交，需要在表单组件中加上name作为key　　属性：　　　　report-submit：类型　　布尔　　是否返回formid用于发送模板消息　　　　report-submit-timeout：类型　　数字　　等待一段时间，确认formid是否生效　　事件：　　　　bindsubmit：携带form中的数据触发submit事件　　　　bindreset：表单重置时会触发reset事件...

　　checkbox组件是一个多选框组件，还可以使用checkbox-group组件来进行绑定事件和实现，真正意义上的多选　　checkbox的属性：　　　　value：　　属性值　　字符串　　当在checkbox-group绑定事件时，事件源e所携带的参数中detail checkbox中的value值决定　　　　disabled： 属性值　　布尔　　是否被禁用　　　　checked： 属性值　　布尔　　当前是否选中，默认选中　　　　color：　　属性值　　字符串　　字体颜色　　checkbox-group组件事件：　　　　bindchange：checkbox-group中选项发生改变时触发change事件 detail={value:[选中的checkbox的value数组]}...

　　button组件拥有强大的功能自身可以拥有很多跟微信风格的样式，且是表单和开放的能力重要的按钮　　button的属性：　　　　size：　　类型　　字符串　　按钮的大小　　　　　　属性值：default　　默认的　　　　　　　　　　mini　　　小尺寸　　　　type：　　类型　　字符串　　按钮的样式类型　　　　　　属性值：default　　默认的　　　　　　　　　　primary　　绿色的　　　　　　　　　　warn　　　红色的　　　　plain：　　类型　　布尔　　按钮是否镂空，背景色透明　　　　disabled：类型　　布尔　　是否禁用　　　　loading：  类型　　布尔　　名称前是否带有加载的图标　　　　form-type：类型　　字符串　　用于form组件会分别触发submit和reset事件　　　　　　属性值：submit　　触发表单的submit事件　　　　　　　　　　reset　　　触发表单的reset事件　　　　open-type：类型　　字符串　　微信的开放能力　　　　　　属性值：contact：打开客服会话，如果用户在会话中点击消息卡片...