微信公众平台开发 JS-SDK开发（图像接口实例）

开发者ID (应用ID和应用密匙)

在公众号（服务号）设置——功能设置（JS接口安全域名）中填写<code>已备案</code>的域名

服务器环境

简单的后台知识，如PHP

<code>linux</code>服务器，请确保目录有<code>可写权限</code>

本文以<code>php</code>为例

微信公众平台开发 JS-SDK开发

因为涉及到上传到本地服务器，所以还需要一个api接口(<code>api.php</code>)，简单展示下上传保存代码：

再简单修改下<code>sample.php</code>

好了，将修改后的代码连同新建的<code>api.php</code>同时上传到服务器。<code>该服务器域名必须和你在微信设置中的域名一致</code>。我上传到了根目录，通过firefox提供的页面二维码功能，在微信上扫一扫即可测试。截图如下：

微信上传图片测试

[图一] 表示我们的微信配置正确

[图二] 点击 <code>上传图片</code> 按钮后弹出 <code>拍照</code>，<code>从手机相册选择</code> 等功能按钮

[图三] 进入了手机相册

[图四] 选择一张图片后，返回该图片的<code>localId</code>

[图五] 利用<code>localId</code>作为图片预览，并且生成了<code>serverID</code>

[图六] <code>api</code> 上传并保存了图片到本地服务器，返回图片在本地服务器的地址，并且回调在了页面上

通过以上两个简单的例子，基本可以掌握微信JS-SDK的使用方法。11个接口使用方式基本相同，你可以一一尝试。官方的说明是：

<code>通过ready接口处理成功验证</code>

<code>通过error接口处理失败验证</code>

所有接口通过wx对象(也可使用jWeixin对象)来调用，参数是一个对象，除了每个接口本身需要传的参数之外，还有以下通用参数：

success：接口调用成功时执行的回调函数。

fail：接口调用失败时执行的回调函数。

complete：接口调用完成时执行的回调函数，无论成功或失败都会执行。

cancel：用户点击取消时的回调函数，仅部分有用户取消操作的api才会用到。

trigger: 监听Menu中的按钮点击时触发的方法，该方法仅支持Menu中的相关接口。

具体可参考官方API。