微信公衆平台開發 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。