能把js打包给安卓和ios调用吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了能把js打包给安卓和ios调用吗相关的知识,希望对你有一定的参考价值。

参考技术A 能的。安卓和ios可以用js进行调试的,因为js是属于通用的计算机程序语言,在调用速度上JS省掉了编译的步骤,执行过程更轻量速度更快。所以能把js打包给安卓和ios调用。

Cordova 打包phaser3.0 iOS游戏

参考技术A 公司的项目是使用vue做前端的界面和逻辑,后面有一部分是使用phaser3.0 做了一个小游戏放到里面,然后整个项目打包成ios 和 android 项目。
其中遇到的几个问题总结一下,希望给有遇到同样问题困扰的人一个解决问题的方向:

这是我们最先面临的问题,我们需要数据的交互传递。
1、从vue界面传递到phaser游戏界面:(变量和无参数方法)

我们在vue界面中定义好变量和方法,将这些变量和方法传递给phaser的游戏界面中。
而我们在phaser 中的调用是直接这样使用:

上面是没有参数的时候调用。

2、phaser 和 vue 相互传递参数的调用
vue界面

phaser 界面

我们使用的是Cordova 打包的,在这个过程中,强调的一点是使用的phaser3打包的,而且用到了WKWebview,这个问题好像phaser2 是不存在这个样的,我搜索的好像是phaser3 加载器无法加载file://这样的资源。
我总结尝试了很久,找到了一个解决的办法。
我们需要在其中间加一个cordova插件:
cordova-plugin-wkwebview-file-xhr
我只解决了phaser3.0 使用cordova 打包过程中不能加载图片的问题,可能是一类问题,但是具体的不知道。
我找到这个问题在 github issuse .
这就是我的探究出来的,感觉改这个bug找了好长时间,记录一下吧。

以上是关于能把js打包给安卓和ios调用吗的主要内容,如果未能解决你的问题,请参考以下文章

vue中的方法如何暴露给webview,使安卓和iOS可以调用

H5调用Android和ios原生方法(react)

安卓Webview 与 vue h5 使用js交互

安卓ios和angularjs相互调用解决首次调用ios传递标题失败的问题

js中的()

H5与原生APP交互方式 (IOS及安卓)