Laya for H5 之Bug追蹤

Laya For H5之Bug追蹤

H5遊戲一旦上線後，如何跟蹤用戶的崩潰日誌呢？如今有不少第三方的工具，好比fundebug，其sdk接入簡單，只需寥寥幾行代碼就能夠追蹤h5遊戲的崩潰日誌，bug日誌以郵件的形勢發送給註冊的郵箱，可是其試用週期短，不適合我的開發者。

其實h5前端從獲取到崩潰Error到給指定郵箱發送日誌，難點在於自動的 給指定郵箱發郵件，由於這涉及到帳戶安全相關的事宜，而更多的時候純JS也只是彈出個發送郵件的mail對話框，發送那一下，仍是須要你手動的點一下的。

集成步驟

額，沒法依賴純前端來搞定的，咱們也是依賴第三方，推薦使用EmailJS這個第三方的SDK.

集成的步驟很簡單（企業用戶 付費用戶能夠散了）

1. 註冊EmailJS帳號，我的用戶就足夠了

2. 登陸後，進入帳戶頁面

3. 設置serviceID 3.1點擊左側的Email service： 而後點擊 Add new Service 3.2從我的郵箱裏選擇適合你的 3.3建立完畢後就會看到你的serviceID了

4. 建立郵件模板，{{msg}} {{{ html }}}，

模板裏使用雙{} 或3個{}來做爲替換元素 {{}}會轉義 如{{<b>userName<b>}} 會加粗，{{{}}}則不會轉義

1. 記錄下本身的User ID
2. 集成代碼

   <script type="text/javascript" src="https://cdn.emailjs.com/sdk/2.3.2/email.min.js"></script>
   <script type="text/javascript">
       (function () {
           emailjs.init("user_ckIiwXXXXXXXXXXXX");
           var templateParams = {
                   gameName: 'fish-big',//EmailJS管理頁面的模板裏設置的{{{gameName}}}
                   error: 'Check this out!'//EmailJS管理頁面的模板裏設置的{{{error}}

}; emailjs.send("Your ServiceID","Your TemplateID",templateParams,"user_ckIiwXXXXXXXXXXXX "); })(); </script> ```

好 打完收工，一套bug收集報警就成功的接完了，欣喜之餘 還不g快去你的郵箱裏查看下崩潰日誌，而後開啓你的bug之旅。改bug-->解決bug-->再次上傳新版本--->再次等待郵件報警 --> .... .....