当前位置：首页 > wzjs >正文

红桥天津网站建设seo教学免费课程霸屏

wzjs 2025/8/15 2:59:09

红桥天津网站建设,seo教学免费课程霸屏,品牌网络营销推广,温州网站建设团队当前需求是在原有的cocos手机游戏里嵌入另一个cocos的web-mobile项目所以需要使用webview 记录一下首先就是要有一个webview组件接下来是脚本 （外部项目） export class GameWebview extends Component {property(WebView)webview: WebView null!;…

当前需求是在原有的cocos手机游戏里嵌入另一个cocos的web-mobile项目
所以需要使用webview
记录一下

首先就是要有一个webview组件
在这里插入图片描述
接下来是脚本
（外部项目）

export class GameWebview extends Component {@property(WebView)webview: WebView = null!;onAdded(params: any) {// webview跳转 并向内部发送tokenlet token = params.access_token;this.webview.url = `${params.host}?token=${token}`;// webview加载完成监听this.webview.node.on(WebView.EventType.LOADED, ()=> {// 约定的关键字let scheme = "closepage";// 设置关键字this.webview.setJavascriptInterfaceScheme(scheme);// 识别到URL前缀为关键字的回调this.webview.setOnJSCallback(()=>{this.close();})// 关闭背景音乐oops.audio.stopMusic();// 原本是想用这种方式发送token的，但是没有获取的时机// this.scheduleOnce(()=> {//     this.webview.evaluateJS(`setToken(${JSON.stringify(token)})`);// }, 8)})}close() {// 打开背景音乐let bgm = oops.storage.get("game_audio");oops.audio.playMusicLoop(bgm);oops.gui.remove(UIID.HitMoleGameWebview);}
}

（内部项目）
在Main.ts即项目开始时获取token

const token = urlParams.get("token");
oops.storage.set("token", token);

返回到外部游戏

close() {SocketManager.getInstance().close();// 跳转以关键字为前缀的URL，让外部webview识别document.location = 'closepage://a=1';oops.gui.remove(UIID.Home);
}

一些遇到的问题及解决

传递token

一开始我是想通过👇这种方式转递token
记得要stringify一下

this.webview.evaluateJS(`setToken(${JSON.stringify(token)})`);

获取的话就要通过声明全局方法setToken来接收
但找不到合适的时机
我已经在首场景下挂载的脚本（Main.ts）里声明了，但是还是接收不到，会报错找不到该方法(难道要改构建后的文件？)
然后我又尝试了在加载完成监听里发送token，还是同样不行

this.webview.node.on(WebView.EventType.LOADED, ()=> {this.webview.evaluateJS(`setToken(${JSON.stringify(token)})`);
})

再然后又加了个延时，倒是可以了，但是不是很稳定

this.webview.node.on(WebView.EventType.LOADED, ()=> {this.scheduleOnce(()=> {this.webview.evaluateJS(`setToken(${JSON.stringify(token)})`);}, 8)
})

最后就直接用url来传了

this.webview.url = `${params.host}?token=${token}`;

接收

const urlParams = new URLSearchParams(window.location.search);
const token = urlParams.get("token");

内部向外部传递消息

一开始我是这么设置关键字的

let scheme = "closepage";
this.webview.setJavascriptInterfaceScheme(scheme);
this.webview.setOnJSCallback(()=>{this.close();
})
let token = params.access_token;
this.webview.url = `${params.host}?token=${token}`;

看了半天，并没有啥问题啊，就是识别不了关键字
看了这篇帖子
应该是要先打开webview的内部项目，激活，再去设置关键字，为了保险我是在loaded里设置的关键字

this.webview.node.on(WebView.EventType.LOADED, ()=> {// 约定的关键字let scheme = "closepage";// 设置关键字this.webview.setJavascriptInterfaceScheme(scheme);// 识别到URL前缀为关键字的回调this.webview.setOnJSCallback(()=>{this.close();})
})

还有注意关键字不能有大写字母！！