Unity WebGL InputField 在手机上没有呼出输入框的问题解决,顺便制作webgl项目上传运行流程

        在发布游戏到webgl平台后发现电脑上能够输入,但是在手机上打开相对于的界面后点击后输入框只有光标没有实际的输出键盘弹出。因为游戏是搭载在指定的服务器上的,而且上传和测试的流程极其耗时,于是自己想做个简单的demo进行测试。下面是这个过程中遇到的问题和解决方法。希望对有这方面问题的朋友有所启发。

        第一步创建空项目,我用的是2020.3.25f1 版本unity,版本很多,随便选的没有特殊的意义,只是为了给想按照这个步骤做的提供相同的环境。创建inputfield,然后切换到webgl平台打包测试,确定是不是真的没法呼出输入框。

        这里需要先把生成出来的webgl工程上传到指定的服务器。我这里使用的是HFS工具,当然还有别的类似的工具这里就不列举了,贪多嚼不烂。将整个文件拖到

这个目录下会有个提示我选的是realfolder,好了这样就算布置好了,是不是很简单,当然真正的发布服务器有很多需要设置的,想研究的可以自己去找找相关的资料,就不在这里赘述。点击下你上传的文件,点击就可以在电脑上打开,复制链接可以在手机上打开,但是确保是在同一个网络,成功连上后,右侧有具体的下载内容也可以看到。电脑上运行是没有问题的,但是到了手机上就出现了各种杂七杂八的问题,懂得都懂,首先提示 abort(both async and sync fetching of the wasm failed at error at jsstacktrace),然后对应到下载进度发现.wasm后缀文件,只能到80%90%刚开始以为是网络问题,测试了下发现并不是。然后网上差了资料各种的测试,官网也没有个准确的解决办法,最后也是不停的尝试后解决的,最后把我最后能在手机上运行的设置给贴出来,没能成功运行的可以做个参考

好了,到手机上发现确实不能换出输入框。好了这下开始解决主要问题。

        在网上发现很多人有类似的问题,就顺着网线找到了具体的工具,地址是这个(GitHub - kou-yeung/WebGLInput: IME for Unity WebGL)放到工程中在inputfield上添加这个脚本,勾选show html element的参数不然输入后不显示。OK问题解决,至于说中文不显示的问题,换个支持的字体就行了。

  • 5
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于MySQL+Vue.js开发集成实时聊天系统的动态项目管理web端软件源码+答辩PPT+使用说明.zip 【优质项目推荐】 1.项目代码功能经验证ok,确保稳定可靠运行。欢迎下载使用!在使用过程中,如有问题或建议,请及时私信沟通,帮助解答。 2.项目主要针对各个计算机相关专业,包括计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网等领域的在校学生、专业教师或企业员工使用。 3.项目具有丰富的拓展空间,不仅可作为入门进阶,也可直接作为毕设、课程设计、大作业、项目初期立项演示等用途。 4.如果基础还行,或热爱钻研,可基于此项目进行二次开发,DIY其他不同功能。 基于MySQL+Vue.js开发集成实时聊天系统的动态项目管理web端软件源码+答辩PPT+使用说明.zip 部署前端服务 1. 打包前端文件生成 dist 文件夹 ```js // genal-chat-client npm i npm run build ``` 1. 将 dist 下所有文件放到 nginx 下的 html 文件夹中 2. 配置 nginx 的 gzip (提高传输速度)和请求级别(注意只是新增下面的代码,不是替换整个nginx文件) ```js 记得重启一下nginx #### 数据库配置 1. 安装 mysql 2. 设置 mysql 账号密码 3. 创建名为 `chat` 的数据库 4. 配置后端 `app.module.ts` 中的 mysql 账号密码 部署后端服务 1. 安装 pm2 ```js // genal-chat-server npm i pm2 -g ``` 2. 生成 dist 文件 ```js // genal-chat-server npm i npm run build ``` 3. 使用 pm2 运行 ```js // genal-chat-server npm run pm2 ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值