### API的應用:將Mugeda部署在第三方服務器
* * * * *
Mugeda制作的內容可以很方便的直接發布到Mugeda CDN。參見下圖。發布到Mugeda CDN后,你會得到一個發布地址,該地址可以用來進行分享。Mugeda會自動處理所有必要的操作,例如微信權限認證等。

如果你選擇導出Mugeda內容并自行部署到一個第三方的服務器上,Mugeda提供一套完善的機制來支持這些操作。簡單來說,需要完成如下步驟:
1、你擁有一個微信公眾號,和一個綁定了微信的域名;
2、你知道如何獲取有效的微信認證信息;
3、用微信認證信息對Mugeda內容進行配置;
4、部署配置后的內容;
下面詳細介紹每一個步驟。
1、你擁有一個微信公眾號,和綁定了微信的域名
任何一個可以在微信中進行分享的域名,都必須通過微信的認證并綁定域名。為了綁定域名,你必須先有一個公眾號。有了公眾號后,登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。關于如何申請公眾號以及如何進行微信域名綁定,不在本文討論范圍。請咨詢你們的微信管理員或者訪問微信官方文檔。 以下的討論假定你已經擁有一個綁定了微信的域名。
2、你知道如何獲取有效的微信認證信息
擁有微信綁定的域名后,你還需要有有效的微信認證信息。典型的微信認證信息包括:
appId: 分配給公眾號的唯一標識
timestamp: 生成簽名的時間戳
nonceStr: 生成簽名時的隨機串
signature: 認證需要的簽名
關于如何獲取或者生成這些參數,請參考微信官方開發文檔。這里不再贅述。需要強調的是,由于微信簽名認證信息有效期為7200秒,即2個小時,因此在第三方部署時需要保證這些信息在必要時需要實時更新,保障總是能夠獲取到最新的認證信息。
以下的討論假定你已經擁有了有效的微信認證信息。
3、 用微信認證信息對Mugeda 內容進行配置
當你準備好了上述數據,我們就可以對Mugeda內容進行配置了。步驟如下:
首先在Mugeda云編輯器中導出想要發布的內容:

導出后會得到一個完整的HTML5內容包。 在內容包中包含有一個index.html文件,這個文件是我們配置的對象。用文本編輯器打開該文件。

在index.html文件中,有一個參數變量叫做_mrmcp,這個變量記錄了Mgueda內容進行播放時的一系列控制參數。我們需要定制的就是在這個參數列表中加入我們需要的信息。

配置信息可以包括微信認證信息,_mrmcp.wechatAuth。所需參數參見上述第2步的描述。配置好后的_mrmcp參數如下圖所示:

**需要說明的是: **
1. 由于微信權限設置有時間限制(7200秒),因此這些權限信息,主要是簽名signature和時間戳timestamp參數,需要及時進行更新。可以參考的辦法,是在服務器端通過動態技術(例如php等)動態生成這些信息,或者在頁面中通過動態技術(例如Ajax請求)獲取這些信息,并配置相應的_mrmcp參數。
2. 如果采用異步Ajax等異步技術加載權限信息時,index.html中名為loader.js的腳本文件,需要在Ajax處理完成后才能加載,否則可能會導致加載或者渲染異常。
3. 對Mugeda內容進行第三方部署時,僅需要按照上述步驟配置_mrmcp.wechatAuth參數即可,不需要再次加載微信的SDK JS文件(本文生成時地址為 http://res.wx.qq.com/open/js/jweixin-1.0.0.js),也不需要再次調用wx.config, wx.ready或者wx.onMenuShareTimeline等函數。這些具體的操作Mugeda內容都會自動完成。否則可能會導致分享和權限異常。
4. 部署配置后的內容:完成上述步驟后,就可以將配置后的內容部署到目標第三方服務器上,并將部署后的地址發布出去就可以了。對上述流程如有疑問,可以加入Mugeda學習群(QQ: 263360290)進行交流。
- 閱讀須知
- 一、Mugeda快速入門
- 平臺介紹
- 快速入門
- 添加預置動畫
- 制作翻頁動畫
- 學會使用Mugeda模板
- 作品創建前必讀
- H5作品相關設置
- 手機屏幕適配方法
- 圖片、聲音及視頻處理
- 二、界面與舞臺
- 界面與舞臺簡介
- 舞臺縮放和物體縮放功能
- 翻頁的相關設置
- 關鍵幀和頁面的命名
- 加載的相關設置
- 物體屬性設置
- 元件界面介紹
- 三、素材處理及媒體使用
- 上傳圖片
- 文本/文本段落
- 插入網頁
- 幻燈片
- 上傳視頻和聲音
- 繪制素材
- 云字體
- 曲線圖表
- 建組
- 全景功能
- 粘貼第三方文字和圖片
- 常用編輯操作
- 導入PSD及注意事項
- 聲音和視頻的壓縮
- 四、動畫類型
- 時間軸和圖層
- 選擇工具
- Mugeda動畫類型
- 分頁/加載頁
- 標尺和輔助線的使用
- 復制幀/圖層
- 五、交互行為
- 行為添加以及觸發事件
- 幀的行為
- 頁的行為
- 播放元件片段
- 改變元素屬性
- 改變圖片
- 設置定時器
- 手機功能
- 跳轉鏈接
- 六、控件使用
- 陀螺儀
- 定時器
- 隨機數
- 擦玻璃
- 點贊
- 繪畫板
- 七、微信功能
- 微信頭像/微信昵稱
- 定制圖片
- 錄制聲音
- 分享信息
- 八、表單
- 自定義表單
- 默認表單
- 定制文字
- 九、關聯綁定及邏輯判斷
- 舞臺動畫關聯
- 元件動畫關聯
- 屬性關聯
- 自動關聯
- 公式關聯
- 條件判斷
- 邏輯表達式判斷
- 十、Mugeda API
- API的應用:在動畫中添加代碼
- API的應用:Mugeda API的整體結構
- API的應用:Mugeda對象
- API的應用:scene對象
- API的應用:aObject對象
- API的應用:工具API
- API的應用:獲取Mugeda后臺數據
- API的應用:使用自定義回調函數
- API的應用:將Mugeda部署在第三方服務器
- 十一、Mugeda新功能
- 連線功能
- 抽獎組件
- 聲音控制更新功能一覽
- 附錄1:常見問題集
- 如何壓縮圖片、聲音和視頻?
- 為什么導入H5里的視頻無法播放?
- Mugeda里的模板如何使用?
- 如何實現H5里可以定制文字和圖片的功能?
- H5作品的文檔信息設置?
- 我想讓一個物體不斷循環動,怎么實現?
- 如何復制幀/圖層?
- 為什么無法導入PSD?
- 邏輯表達式要怎么寫?
- 為什么我的背景音樂無法播放?
- 為什么我的背景音樂只在一頁中播放?
- 為什么打開內容時,會提示素材缺失?
- 為什么我的內容發布后還是會有橙色的廣告條?
- 為什么我做的H5打不開了,說是涉及違規內容被舉報?