1. 程式人生 > >Laya for H5 之Bug追蹤

Laya for H5 之Bug追蹤

min 第三方 轉義 init 相關 ram ref 足夠 debug

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個{}來作為替換元素
    {{}}會轉義 如{{userName}} 會加粗,{{{}}}則不會轉義

  5. 記錄下自己的User ID
    技術分享圖片
  6. 集成代碼

    <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-->再次上傳新版本--->再次等待郵件報警 --> .... .....

Laya for H5 之Bug追蹤