如何将log4javascript与ScalaJS/PhantomJS结合使用

我试着用ScalaJS和PhantomJS运行log4javascript，结果发现一个错误，使用Rhino就可以了

我以下面的ScalaJS为例：

我从另一个ScalaJS示例中获取的log4javascript： 更具体地说，这3个文件：

我修改了TutorialApp以包含一些日志记录：

package tutorial.webapp

import scala.scalajs.js.JSApp

import org.scalajs.jquery.jQuery
import tutorial.logger.LoggerFactory

object TutorialApp extends JSApp {
  println("Before getLogger...")
  val log = LoggerFactory.getLogger(getClass().getName)
  log.info("After getLogger...")

  def main(): Unit = {
    jQuery(setupUI _)
  }

  def setupUI(): Unit = {
    jQuery("""<button type="button">Click me!</button>""")
      .click(addClickedMessage _)
      .appendTo(jQuery("body"))
    jQuery("body").append("<p>Hello World</p>")
  }

  def addClickedMessage(): Unit = {
    jQuery("body").append("<p>You clicked the button!</p>")
    log.info("Button clicked...")
  }
}

记录器文件位于src/main/scala/tutorial/Logger中，只有更改包名才能编译它们。 修改后的package.scala：

package tutorial

package object logger {
  private val defaultLogger = LoggerFactory.getLogger("Log")

  def log = defaultLogger
}

修改的LoggerFactory.scala

package tutorial.logger

import scala.annotation.elidable
import scala.annotation.elidable._

trait Logger {
  /*
   * Use @elidable annotation to completely exclude functions from the compiler generated byte-code based on
   * the specified level. In a production build most logging functions will simply disappear with no runtime
   * performance penalty.
   *
   * Specify level as a compiler parameter
   * > scalac -Xelide-below INFO
  */
  @elidable(FINEST) def trace(msg: String, e: Exception): Unit
  @elidable(FINEST) def trace(msg: String): Unit
  @elidable(FINE) def debug(msg: String, e: Exception): Unit
  @elidable(FINE) def debug(msg: String): Unit
  @elidable(INFO) def info(msg: String, e: Exception): Unit
  @elidable(INFO) def info(msg: String): Unit
  @elidable(WARNING) def warn(msg: String, e: Exception): Unit
  @elidable(WARNING) def warn(msg: String): Unit
  @elidable(SEVERE) def error(msg: String, e: Exception): Unit
  @elidable(SEVERE) def error(msg: String): Unit
  @elidable(SEVERE) def fatal(msg: String, e: Exception): Unit
  @elidable(SEVERE) def fatal(msg: String): Unit

  def enableServerLogging(url: String): Unit
  def disableServerLogging(): Unit
}

object LoggerFactory {
  private[logger] def createLogger(name: String) = {}

  lazy val consoleAppender = new BrowserConsoleAppender
  lazy val popupAppender = new PopUpAppender

  /**
   * Create a logger that outputs to browser console
   */
  def getLogger(name: String): Logger = {
    val nativeLogger = Log4JavaScript.log4javascript.getLogger(name)
    nativeLogger.addAppender(consoleAppender)
    new L4JSLogger(nativeLogger)
  }

  /**
   * Create a logger that outputs to a separate popup window
   */
  def getPopUpLogger(name: String): Logger = {
    val nativeLogger = Log4JavaScript.log4javascript.getLogger(name)
    nativeLogger.addAppender(popupAppender)
    new L4JSLogger(nativeLogger)
  }
}

修改的Log4javascript.scala

package tutorial.logger

import scala.scalajs.js
import scala.scalajs.js.annotation.JSName

/**
 * Facade for functions in log4javascript that we need
 */
@js.native
private[logger] trait Log4JavaScript extends js.Object {
  def getLogger(name:js.UndefOr[String]):JSLogger = js.native
  def setEnabled(enabled:Boolean):Unit = js.native
  def isEnabled:Boolean = js.native
}

@js.native
@JSName("log4javascript.Level")
private[logger] trait Level extends js.Object {
  val ALL:Level = js.native
  val TRACE:Level = js.native
  val DEBUG:Level = js.native
  val INFO:Level = js.native
  val WARN:Level = js.native
  val ERROR:Level = js.native
  val FATAL:Level = js.native
}

@js.native
@JSName("log4javascript.Logger")
private[logger] trait JSLogger extends js.Object {
  def addAppender(appender:Appender):Unit = js.native
  def removeAppender(appender:Appender):Unit = js.native
  def removeAllAppenders(appender:Appender):Unit = js.native
  def setLevel(level:Level):Unit = js.native
  def getLevel:Level = js.native
  def trace(msg:String, error:js.UndefOr[js.Error]):Unit = js.native
  def debug(msg:String, error:js.UndefOr[js.Error]):Unit = js.native
  def info(msg:String, error:js.UndefOr[js.Error]):Unit = js.native
  def warn(msg:String, error:js.UndefOr[js.Error]):Unit = js.native
  def error(msg:String, error:js.UndefOr[js.Error]):Unit = js.native
  def fatal(msg:String, error:js.UndefOr[js.Error]):Unit = js.native
  def trace(msg:String):Unit = js.native
  def debug(msg:String):Unit = js.native
  def info(msg:String):Unit = js.native
  def warn(msg:String):Unit = js.native
  def error(msg:String):Unit = js.native
  def fatal(msg:String):Unit = js.native
}

@js.native
@JSName("log4javascript.Layout")
private[logger] trait Layout extends js.Object

@js.native
@JSName("log4javascript.JsonLayout")
private[logger] class JsonLayout extends Layout

@js.native
@JSName("log4javascript.Appender")
private[logger] trait Appender extends js.Object {
  def setLayout(layout:Layout):Unit = js.native
  def setThreshold(level:Level):Unit = js.native
}

@js.native
@JSName("log4javascript.BrowserConsoleAppender")
private[logger] class BrowserConsoleAppender extends Appender

@js.native
@JSName("log4javascript.PopUpAppender")
private[logger] class PopUpAppender extends Appender

@js.native
@JSName("log4javascript.AjaxAppender")
private[logger] class AjaxAppender(url:String) extends Appender {
  def addHeader(header:String, value:String):Unit = js.native
}

@js.native
private[logger] object Log4JavaScript extends js.GlobalScope {
  val log4javascript:Log4JavaScript = js.native
}

class L4JSLogger(jsLogger:JSLogger) extends Logger {

  private var ajaxAppender:AjaxAppender = null

  private def undefOrError(e:Exception):js.UndefOr[js.Error] = {
    if(e == null)
      js.undefined
    else
      e.asInstanceOf[js.Error]
  }

  override def trace(msg: String, e: Exception): Unit = jsLogger.trace(msg, undefOrError(e))
  override def trace(msg: String): Unit = jsLogger.trace(msg)
  override def debug(msg: String, e: Exception): Unit = jsLogger.debug(msg, undefOrError(e))
  override def debug(msg: String): Unit = jsLogger.debug(msg)
  override def info(msg: String, e: Exception): Unit = jsLogger.info(msg, undefOrError(e))
  override def info(msg: String): Unit = jsLogger.info(msg)
  override def warn(msg: String, e: Exception): Unit = jsLogger.warn(msg, undefOrError(e))
  override def warn(msg: String): Unit = jsLogger.warn(msg)
  override def error(msg: String, e: Exception): Unit = jsLogger.error(msg, undefOrError(e))
  override def error(msg: String): Unit = jsLogger.error(msg)
  override def fatal(msg: String, e: Exception): Unit = jsLogger.fatal(msg, undefOrError(e))
  override def fatal(msg: String): Unit = jsLogger.fatal(msg)

  override def enableServerLogging(url: String): Unit = {
    if(ajaxAppender == null) {
      ajaxAppender = new AjaxAppender(url)
      ajaxAppender.addHeader("Content-Type", "application/json")
      ajaxAppender.setLayout(new JsonLayout)
      jsLogger.addAppender(ajaxAppender)

    }
  }

  override def disableServerLogging():Unit = {
    if(ajaxAppender != null) {
      jsLogger.removeAppender(ajaxAppender)
      ajaxAppender = null
    }
  }
}

当我尝试运行sbt时，会收到以下错误消息：

> run
[info] Running tutorial.webapp.TutorialApp
Before getLogger...
TypeError: undefined is not an object (evaluating '$g["log4javascript"]["getLogger"]')

  /tmp/phantomjs-launcher8416853343047081941.js:9 in onError


  /tmp/phantomjs-launcher8416853343047081941.js:11 in onError
  file:///home/jk/workspace/scalajs-tutorial-0.6.x/target/scala-2.11/scala-js-tutorial-fastopt.js:1085 (in function "getLogger__T__Ltutorial_logger_Logger")

  /tmp/phantomjs-launcher8416853343047081941.js:13
  file:///home/jk/workspace/scalajs-tutorial-0.6.x/target/scala-2.11/scala-js-tutorial-fastopt.js:1969 (in function "init___")

  /tmp/phantomjs-launcher8416853343047081941.js:13
  file:///home/jk/workspace/scalajs-tutorial-0.6.x/target/scala-2.11/scala-js-tutorial-fastopt.js:2005 (in function "$m_Ltutorial_webapp_TutorialApp$")

  /tmp/phantomjs-launcher8416853343047081941.js:13
  file:///tmp/phantomjs-launcher-webpage6476048362931659173.html:9541

  /tmp/phantomjs-launcher8416853343047081941.js:13
org.scalajs.jsenv.ExternalJSEnv$NonZeroExitException: PhantomJS exited with code 2
    at org.scalajs.jsenv.ExternalJSEnv$AbstractExtRunner.waitForVM(ExternalJSEnv.scala:96)
    at org.scalajs.jsenv.ExternalJSEnv$ExtRunner.run(ExternalJSEnv.scala:143)
    at org.scalajs.sbtplugin.ScalaJSPluginInternal$.org$scalajs$sbtplugin$ScalaJSPluginInternal$$jsRun(ScalaJSPluginInternal.scala:479)
    at org.scalajs.sbtplugin.ScalaJSPluginInternal$$anonfun$45$$anonfun$apply$27$$anonfun$apply$28.apply(ScalaJSPluginInternal.scala:539)
    at org.scalajs.sbtplugin.ScalaJSPluginInternal$$anonfun$45$$anonfun$apply$27$$anonfun$apply$28.apply(ScalaJSPluginInternal.scala:533)
    at scala.Function1$$anonfun$compose$1.apply(Function1.scala:47)
[trace] Stack trace suppressed: run last compile:run for the full output.
[error] (compile:run) org.scalajs.jsenv.ExternalJSEnv$NonZeroExitException: PhantomJS exited with code 2
[error] Total time: 51 s, completed Jan 13, 2016 9:08:34 PM

此外，sbt测试将失败，并显示相同的错误消息：TypeError:undefined不是对象（评估“$g[“log4javascript”][“getLogger”]”）

如果我在build.sbt中注释掉以下行

enablePlugins(ScalaJSPlugin)

name := "Scala.js Tutorial"

scalaVersion := "2.11.7"

libraryDependencies += "org.scala-js" %%% "scalajs-dom" % "0.8.1"
libraryDependencies += "be.doeraene" %%% "scalajs-jquery" % "0.8.0"

jsDependencies += RuntimeDOM

skip in packageJSDependencies := false

// uTest settings
libraryDependencies += "com.lihaoyi" %%% "utest" % "0.3.0" % "test"
testFrameworks += new TestFramework("utest.runner.Framework")

persistLauncher in Compile := true
persistLauncher in Test := false

// Modifications to original tutorial are here:
scalaJSStage in Global := FastOptStage // If NOT commented out: Uses Phantom, if IS commented out: Uses Rhino

libraryDependencies += "org.webjars" % "log4javascript" % "1.4.13"

jsDependencies += "org.webjars" % "log4javascript" % "1.4.13" / "1.4.13/log4javascript.js" 

//scalaJSStage in Global := FastOptStage // If NOT commented out: Uses Phantom, if IS commented out: Uses Rhino

然后我从sbt运行中得到以下结果：

> run
[info] Running tutorial.webapp.TutorialApp
Before getLogger...
After getLogger...
[success] Total time: 4 s, completed Jan 13, 2016 9:16:39 PM

该脚本也可以在浏览器上运行，当文件scalajs-tutorial-fastopt.html加载时，按钮出现，单击时控制台上出现新的“您单击了按钮”文本和“按钮单击…”。sbt测试也成功

幻影版本是2.0.1-development

如何让代码与Phantom.js一起工作

编辑：

---

我将Phantom降级为2.0.0版，但错误消息保持不变。

我也遇到了这个问题，遵循相同的教程。事实证明，问题的根本原因是在log4javascript代码中，有嵌入html的字符串（其中包含更多javascript）。我不知道这背后的原因是什么。。。无论如何，PhantomJS测试运行程序只需将所有js代码和依赖项一起吐出到一个html文件中（在一个脚本标记内）；当javascript解释器看到一个未被替换的

标记时，就会出错。（顺便说一句，我是通过在我的临时文件中找到phantomjs launcher-*.html页面并在Chrome中打开它才发现这一点的）

无论如何，在查看了log4javascript的源代码并注意到它托管在sourceforge上，并且已经有9年没有更新了（源代码控制是CVS…），我们决定使用不同的日志框架实现，因为能够在PhantomJS中运行测试对我们来说很重要

---

非常令人沮丧，因为您有点期望日志框架是“正常工作”的东西之一。

我也遇到了这个问题，遵循相同的教程。事实证明，问题的根本原因是在log4javascript代码中，有嵌入html的字符串（其中包含更多javascript）。我不知道这背后的原因是什么。。。无论如何，PhantomJS测试运行程序只需将所有js代码和依赖项一起吐出到一个html文件中（在一个脚本标记内）；当javascript解释器看到一个未被替换的

标记时，就会出错。（顺便说一句，我是通过在我的临时文件中找到phantomjs launcher-*.html页面并在Chrome中打开它才发现这一点的）

无论如何，在查看了log4javascript的源代码并注意到它托管在sourceforge上，并且已经有9年没有更新了（源代码控制是CVS…），我们决定使用不同的日志框架实现，因为能够在PhantomJS中运行测试对我们来说很重要

---

非常令人沮丧，因为您有点希望日志框架是“正常工作”的东西之一。您选择了哪个日志框架，并成功地使其与PhantomJS一起工作了吗？最后我选择了它，因为它似乎与log4javascript的概念非常相似。在将其打包到webjar（您可能不感兴趣）和为其编写ScalaJS facade方面做了一些工作，结果证明这是相对简单的，但我最终还是成功了。对于一个快速修复，如果你现在不太在意日志记录，你可以从你的项目中删除log4javascript。你是怎么包装的？我还简要地查看了stritti的log4js，但注意到网站文档和实际代码不匹配，而且zip中没有“打包”的js文件。我还找到了节点的另一个log4js:。它也是基于斯特里蒂的工作，但现在分开了。这是很高兴听到幻影。您选择了哪个日志框架，并成功地使其与PhantomJS一起工作了吗？最后我选择了它，因为它似乎与log4javascript的概念非常相似。在将其打包到webjar（您可能不感兴趣）和为其编写ScalaJS facade方面做了一些工作，结果证明这是相对简单的，但我最终还是成功了。对于一个快速修复，如果你现在不太在意日志记录，你可以从你的项目中删除log4javascript。你是怎么包装的？我还简要地查看了stritti的log4js，但注意到网站文档和实际代码不匹配，而且zip中没有“打包”的js文件。我还找到了节点的另一个log4js:。它也是基于斯特里蒂的工作，但现在分离。