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}} 会加粗,{{{}}}则不会转义

  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

"); })();

```

好 打完收工,一套bug收集报警就成功的接完了,欣喜之余 还不g快去你的邮箱里查看下崩溃日志,然后开启你的bug之旅。改bug-->解决bug-->再次上传新版本--->再次等待邮件报警 --> .... .....

Laya for H5 之Bug追踪的更多相关文章

  1. 20150203一些移动端H5小bug解决

    都是一些我也不知道为什么会有的bug. 1. 在三星note2,小米2,页面加载后,页面有黑块. 那么提高被盖住的部分z-index. 2. iphone5 ,ios7.0.4,上文字显示不出 那么就 ...

  2. 关于bug分析与异常处理的一些思考

    前言:工作三年了,工作内容主要是嵌入式软件开发和维护,用的语言是C,毕业后先在一家工业自动化控制公司工作两年半,目前在一家医疗仪器公司担任嵌入式软件开发工作.软件开发中,难免不产生bug:产品交付客户 ...

  3. 消灭Bug!18款最佳的问题跟踪管理应用程序

    摘要:工欲善其事,必先利其器,对于开发者来说,处理Bug是一件比较头疼的事,那么如何高效地解决Bug,选择一款合适的Bug跟踪处理工具会让你事半功倍. 对于开发者来说,Bug往往是他们最头疼的问题.有 ...

  4. 推荐四款 Bug 管理系统,最适合你的才是最好的!

    转载自:https://www.jianshu.com/p/e7d3121eaaec   在这个移动互联网的时代,每天都会涌入大量新的 App,想要留住你的用户,必须时刻保持产品创新与系统的稳定.对于 ...

  5. Bug是一种财富-------研发同学的错题集、测试同学的遗漏用例集

    此文已由作者王晓明授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 各位看官,可能看到标题的你一定认为这是一篇涉嫌"炒作"的文章,亦或是为了吸引眼球而起的标 ...

  6. C# 开源框架

    一.AOP框架        Encase 是C#编写开发的为.NET平台提供的AOP框架.Encase 独特的提供了把方面(aspects)部署到运行时代码,而其它AOP框架依赖配置文件的方式.这种 ...

  7. [转]关于SVN的操作批处理示例

    为了一句话:不要动手做机器能够做的事情. 天天工作用svn,更新啥的打开目录啥的动作天天在重复.每次写些命令也蛮无聊的,不说了,看下面: @echo off rem 显示部分 @echo 注 意 事 ...

  8. Web开发者需养成的好习惯

    Web开发者需养成的8个好习惯 每个行业有着每个行业的标准和一些要求,自己只是一个进入前端领域的小白,但是深刻的知道,习惯很重要,就Web开发分享一下,要养成的一些好的习惯. 优秀的Web开发人员工作 ...

  9. Git 工作流程

    Git 作为一个源码管理系统,不可避免涉及到多人协作. 协作必须有一个规范的工作流程,让大家有效地合作,使得项目井井有条地发展下去.”工作流程”在英语里,叫做”workflow”或者”flow”,原意 ...

随机推荐

  1. C++入门程序作业1

    将一个int A[]={ ,  ,  ,}定义的可能重复的数字去掉重复的元素. 了解向量,容器如何使用,size,地址的关系,理解unique erase函数的返回值是什么参数 结果:将1,1,1,2 ...

  2. wpf 命令

    上图为命令的 示例

  3. 3--TestNG多线程

    第一: 注解方式 public class MultiThreadOnAnnotation{ @test(invocationCount=10,threadPoolSize=10) public vo ...

  4. 浅谈java中的String、StringBuffer、StringBuilder类的区别以及关系

    在java中最常见的使用就是对字符串的操作:首先先说一下对字符串的理解:字符串就是一连串字符序列,Java提供了String和StringBuffer两个类来封装字符串,并提供一系列方法来操作字符串对 ...

  5. vue-cli的使用(模板自定义、本地配置,eslint的配置)

    vue-cli(脚手架工具:帮助开发者完成基本的代码编写). 功能: 目录结构 本地调试 代码部署 热加载 单元测试 使用模板: vue init <template-name> < ...

  6. [转]How to Send Ethereum with Web3.js and Node

    原文:https://davekiss.com/ethereum-web3-node-tutorial/   Ethereum took the web and cryptocurrency worl ...

  7. 基于CDH5.12安装Kylin及官方用例测试

    1 kylin 简介 Apache Kylin是2013年由eBay 在上海的一个中国工程师团队发起的.基于Hadoop大数据平台的开源 OLAP引擎,它采用多维立方体预计算技术,利用空间换时间的方法 ...

  8. 商品规格,自定义SKU类型

    <html> <head> <script type="text/javascript" src="http://xoxco.com/exa ...

  9. javascript最全最好的判断数组的方法

    var arr = [1,2,3,1]; var arr2 = [{ abac : 1, abc : 2 }]; function isArrayFn(value){ if (typeof Array ...

  10. poj 1039

    #include <iostream> #include <algorithm> #include <cstring> #include <cstdlib&g ...