Laya for H5 之Bug追蹤
阿新 • • 發佈:2019-01-21
min 第三方 轉義 init 相關 ram ref 足夠 debug
Laya For H5之Bug追蹤
H5遊戲一旦上線後,如何跟蹤用戶的崩潰日誌呢?現在有很多第三方的工具,比如fundebug,其sdk接入簡單,只需寥寥幾行代碼就可以追蹤h5遊戲的崩潰日誌,bug日誌以郵件的形勢發送給註冊的郵箱,但是其試用周期短,不適合個人開發者。
其實h5前端從獲取到崩潰Error到給指定郵箱發送日誌,難點在於自動的
給指定郵箱發郵件
,因為這涉及到賬戶安全相關的事宜,而更多的時候純JS也只是彈出個發送郵件的mail對話框,發送那一下,還是需要你手動的點一下的。
集成步驟
額,無法依賴純前端來搞定的,我們也是依賴第三方,推薦使用EmailJS這個第三方的SDK.
集成的步驟很簡單(企業用戶 付費用戶可以散了)
- 註冊EmailJS賬號,個人用戶就足夠了
- 登錄後,進入賬戶頁面
設置serviceID
3.1點擊左側的Email service
: 然後點擊Add new Service
3.2從個人郵箱裏選擇適合你的
3.3創建完畢後就會看到你的serviceID
了
創建郵件模板,{{msg}} {{{ html }}},
模板裏使用雙{} 或3個{}來作為替換元素
{{}}會轉義 如{{userName}} 會加粗,{{{}}}則不會轉義- 記錄下自己的User ID
集成代碼
<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追蹤